Skip to content

Commit ab7c49a

Browse files
Barathj121Barathj121
committed
eventide all done checked with build too
1 parent 71f85af commit ab7c49a

File tree

8 files changed

+659
-164
lines changed

8 files changed

+659
-164
lines changed

‎package-lock.json

Lines changed: 587 additions & 102 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎public/images/full.jpg

855 KB
Loading

‎public/images/manwstage.jpg

62.1 KB
Loading

‎public/images/stage.jpg

52.6 KB
Loading

‎src/app/eventide/components/Hero/Hero.jsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,20 +25,20 @@ const Hero = () => {
2525
show: { opacity: 1, y:0, transition:{type: 'smooth'} },
2626
}
2727

28+
const etext="Eventide the 3-day cultural extravaganza of Anokha, has brought joy to thousands over the past decade through explosive performances from talented artists. The enchanting melodies of Raagasudha, our soulful music club, and the graceful performances of Natyasudha, our energetic dance club have left our audience in awe. The highlight of this grand celebration, the pro show has featured passionate and top-tier artists from the music industry.Eventide has become a platform for the celebration of India's rich cultural heritage and diversity encouraging performers from all over the country. Between soulful classical music, scintillating film numbers, and powerful percussion, we have explored every genre you can name. This cultural experience has left an everlasting impression on our audience."
29+
2830
return (
2931
<div className="pt-28">
3032
<BackgroundBeams />
3133
<motion.div initial='hidden' whileInView='show' viewport={{once:true}} variants={container}
3234
className="flex flex-col items-center justify-between">
3335
<motion.h1 variants={item} className="text-center text-9xl pb-2 leading-snug max-lg:text-7xl max-md:text-5xl text-white">Feel the Rhythm of</motion.h1>
3436
<motion.p className="text-center text-9xl pb-14 max-lg:text-7xl max-md:text-5xl text-white" variants={item}>Your Heart&apos;s Music</motion.p>
35-
<motion.p variants={item} className="text-xl text-center w-10/12 mx-auto tracking-wider text-neutral-400 max-lg:text-base max-md:text-sm">Eventide the 3-day cultural extravaganza of Anokha, has brought joy to thousands over the past decade through explosive performances from talented artists. The enchanting melodies of Raagasudha, our soulful music club, and the graceful performances of Natyasudha, our energetic dance club have left our audience in awe. The highlight of this grand celebration, the pro show has featured passionate and top-tier artists from the music industry.
36-
Eventide has become a platform for the celebration of India's rich cultural heritage and diversity encouraging performers from all over the country. Between soulful classical music, scintillating film numbers, and powerful percussion, we have explored every genre you can name. This cultural experience has left an everlasting impression on our audience.
37-
</motion.p>
37+
<motion.p variants={item} className="text-xl text-center w-10/12 mx-auto tracking-wider text-neutral-400 max-lg:text-base max-md:text-sm">{etext}</motion.p>
3838

3939
</motion.div>
4040
<div className="mt-28 text-white">
41-
<div className="p-2 relative">
41+
<div className="p-2 relative scale-50 sm:scale-100">
4242
<motion.img
4343
initial={{ y: 400, opacity: 0 }}
4444
whileInView={{ y: 0, opacity: 1 }}

‎src/app/eventide/components/landing.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ function Parallax() {
2525
trigger: container.current,
2626
start: "top top",
2727
//end: `+=${container.current.offsetHeight}`,
28-
end:"2500 bottom",
28+
end:"2000 bottom",
2929
scrub: true,
3030
pin: true,
3131
onUpdate: (self) => {

‎src/app/eventide/components/marque.jsx

Lines changed: 29 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,8 +19,16 @@ const VerticalMarquee = () => {
1919
<div className="flex flex-col space-y-4">
2020

2121
{images.map((image, index) => (
22-
<img key={index} src={image} alt="picsum" className="w-full opacity-50 h-auto" />
23-
))}
22+
<Image
23+
key={index}
24+
src={image}
25+
alt="picsum"
26+
className="w-full opacity-50 h-auto"
27+
layout="responsive"
28+
width={700}
29+
height={475}
30+
/>
31+
))}
2432
</div>
2533
</Marquee>
2634
</div>
@@ -30,13 +38,21 @@ const VerticalMarquee = () => {
3038
height='100vh'
3139
width='100%'
3240
reverse={true}
33-
duration={20000}
41+
duration={30000}
3442
background="black"
3543
axis='y'
3644
>
3745
<div className="flex flex-col space-y-4">
3846
{images2.map((image, index) => (
39-
<img key={index} src={image} alt="picsum" className=" opacity-50 w-full h-auto" />
47+
<Image
48+
key={index}
49+
src={image}
50+
alt="picsum"
51+
className="w-full opacity-50 h-auto"
52+
layout="responsive"
53+
width={700}
54+
height={475}
55+
/>
4056
))}
4157
</div>
4258
</Marquee>
@@ -52,7 +68,15 @@ const VerticalMarquee = () => {
5268
>
5369
<div className="flex flex-col space-y-4">
5470
{images3.map((image, index) => (
55-
<img key={index} src={image} alt="picsum" className="w-full opacity-50 h-auto" />
71+
<Image
72+
key={index}
73+
src={image}
74+
alt="picsum"
75+
className="w-full opacity-50 h-auto"
76+
layout="responsive"
77+
width={700}
78+
height={475}
79+
/>
5680
))}
5781
</div>
5882
</Marquee>

‎src/app/eventide/page.js

Lines changed: 38 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -18,78 +18,64 @@ export default function ForgetPassword() {
1818
const [webGLColors, setWebGLColors] = useState({
1919
color1: [0, 0, 0], // Black
2020
color2: [0 / 255, 0 / 255, 0 / 255], // Gray
21-
color3: [40 / 255, 40 / 255, 40 / 255], // Gray
21+
color3: [30 / 255, 30 / 255, 30 / 255], // Gray
2222
});
2323
const [cardColor, setCardColor] = useState({...webGLColors  })
2424

2525

26-
return ( <
27-
>
28-
<
29-
Navbar / >
30-
<
31-
WebGLApp colors = { cardColor }
32-
className = "-z-10" / >
33-
<
34-
Parallax className = "-z-9" / >
35-
36-
<
37-
ZoomParallax / >
38-
39-
<
40-
div >
41-
<
42-
Container >
43-
<
44-
div className = ' relative ' >
45-
46-
<
47-
svg className = 'absolute top-0 left-0 right-0 bottom-0 -z-20 w-full h-auto opacity-20 '
26+
return ( <>
27+
<Navbar />
28+
29+
<WebGLApp colors = { cardColor }
30+
className = "-z-10" />
31+
<Parallax className = "-z-9" />
32+
33+
<ZoomParallax />
34+
35+
<div >
36+
<Container >
37+
<div className = ' relative ' >
38+
39+
40+
<svg className = 'absolute top-0 left-0 right-0 bottom-0 -z-20 w-full h-auto opacity-20 '
4841
width = "1502"
4942
height = "1145"
5043
viewBox = "0 0 1502 1145"
5144
fill = "none"
5245
xmlns = "http://www.w3.org/2000/svg" >
53-
<
54-
path d = "M1 1L181.247 1119.45L329.925 1L496.52 1119.45L653.09 1L835.258 1144L987.988 1L1160.34 1119.45L1289.61 1L1501 1119.45M1 1119.45L165.462 1L349.549 1119.45L496.52 1L653.09 1119.45L815.633 1L1009.53 1119.45L1160.34 1L1348.27 1119.45L1501 1"
55-
stroke = "url(#paint0_linear_420_4)" / >
56-
<
57-
defs >
58-
<
59-
linearGradient id = "paint0_linear_420_4"
46+
47+
<path d = "M1 1L181.247 1119.45L329.925 1L496.52 1119.45L653.09 1L835.258 1144L987.988 1L1160.34 1119.45L1289.61 1L1501 1119.45M1 1119.45L165.462 1L349.549 1119.45L496.52 1L653.09 1119.45L815.633 1L1009.53 1119.45L1160.34 1L1348.27 1119.45L1501 1"
48+
stroke = "url(#paint0_linear_420_4)" />
49+
50+
<defs >
51+
52+
<linearGradient id = "paint0_linear_420_4"
6053
x1 = "751"
6154
y1 = "1"
6255
x2 = "751"
6356
y2 = "1144"
6457
gradientUnits = "userSpaceOnUse" >
65-
<
66-
stop stopColor = "white"
67-
stopOpacity = "0.72" / >
68-
<
69-
stop offset = "1"
58+
59+
<stop stopColor = "white"
60+
stopOpacity = "0.72" />
61+
62+
<stop offset = "1"
7063
stopColor = "white"
71-
stopOpacity = "0" / >
72-
<
73-
/linearGradient> < /
74-
defs > <
75-
/svg> <
76-
Hero / >
77-
<
78-
/div> <
79-
Section / >
64+
stopOpacity = "0" />
65+
66+
</linearGradient> </defs > </svg> <Hero />
67+
</div>
68+
69+
<Section />
8070

8171

8272

83-
<
84-
/Container>
73+
</Container>
8574

86-
<
87-
/div>
75+
</div>
8876

89-
<
90-
Footer / >
77+
<Footer />
9178

92-
<
93-
/>
79+
</>
9480
);
9581
}

0 commit comments

Comments
 (0)