Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -29,49 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Schedule",
|
||||
id: "schedule",
|
||||
},
|
||||
{
|
||||
name: "Register",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Events", id: "events" },
|
||||
{ name: "Schedule", id: "schedule" },
|
||||
{ name: "Register", id: "contact" }
|
||||
]}
|
||||
brandName="Mehfil 2026"
|
||||
button={{
|
||||
text: "Join Us", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Mehfil 2026"
|
||||
description="Where culture meets creativity. Join us for a spectacle of talent, tradition, and transformative energy."
|
||||
tag="Celebrate Tradition"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Events",
|
||||
href: "#events",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-high-energy-cultural-festival-backgrou-1774688820228-b719a63c.png?_wi=1"
|
||||
buttons={[{ text: "Explore Events", href: "#events" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-high-energy-cultural-festival-backgrou-1774688820228-b719a63c.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
tagIcon={Sparkles}
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=1"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,30 +62,15 @@ export default function LandingPage() {
|
||||
title="About Mehfil 2026"
|
||||
description="Mehfil is more than a festival; it's a legacy of talent and innovation. We bring together the brightest minds to showcase creativity, artistic flair, and cultural celebration across various platforms."
|
||||
metrics={[
|
||||
{
|
||||
value: "50+",
|
||||
title: "Events",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Footfall",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Performers",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Sponsors",
|
||||
},
|
||||
{
|
||||
value: "3",
|
||||
title: "Days",
|
||||
},
|
||||
{ value: "50+", title: "Events" },
|
||||
{ value: "10k+", title: "Footfall" },
|
||||
{ value: "100+", title: "Performers" },
|
||||
{ value: "20+", title: "Sponsors" },
|
||||
{ value: "3", title: "Days" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-high-energy-cultural-festival-backgrou-1774688820228-b719a63c.png?_wi=2"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-high-energy-cultural-festival-backgrou-1774688820228-b719a63c.png"
|
||||
videoSrc="https://www.w3schools.com/howto/movie.mp4"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -116,48 +82,13 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Painting",
|
||||
description: "Unleash your creativity on canvas.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-minimalist-artistic-painting-icon-with-1774688823151-ee3477b9.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "From Waste",
|
||||
description: "Innovation using recycled materials.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/an-icon-representing-recycling-or-sustai-1774688819002-a36aa3d4.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Kutty Story",
|
||||
description: "Narrate the magic of storytelling.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-book-or-literature-icon-with-a-golden--1774688819601-7ade439b.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Illogical Marketing",
|
||||
description: "Sell the absurd with brilliant strategies.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-lightbulb-icon-symbolizing-marketing-o-1774688819769-debf3c36.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Shipwreck",
|
||||
description: "The ultimate test of wit and survival.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-ship-sailing-icon-minimalist-style-gol-1774688819187-394bdefc.png",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Sudoku",
|
||||
description: "Solve for the win.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-sudoku-puzzle-grid-icon-clean-modern-s-1774688819418-67b59483.png",
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
title: "Rubik’s Cube",
|
||||
description: "Fast-paced logic in 3D.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-rubik-s-cube-icon-vivid-colors-with-a--1774688819176-4427e139.png",
|
||||
},
|
||||
{ id: "1", title: "Painting", description: "Unleash your creativity on canvas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-minimalist-artistic-painting-icon-with-1774688823151-ee3477b9.png" },
|
||||
{ id: "2", title: "From Waste", description: "Innovation using recycled materials.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/an-icon-representing-recycling-or-sustai-1774688819002-a36aa3d4.png" },
|
||||
{ id: "3", title: "Kutty Story", description: "Narrate the magic of storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-book-or-literature-icon-with-a-golden--1774688819601-7ade439b.png" },
|
||||
{ id: "4", title: "Illogical Marketing", description: "Sell the absurd with brilliant strategies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-lightbulb-icon-symbolizing-marketing-o-1774688819769-debf3c36.png" },
|
||||
{ id: "5", title: "Shipwreck", description: "The ultimate test of wit and survival.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-ship-sailing-icon-minimalist-style-gol-1774688819187-394bdefc.png" },
|
||||
{ id: "6", title: "Sudoku", description: "Solve for the win.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-sudoku-puzzle-grid-icon-clean-modern-s-1774688819418-67b59483.png" },
|
||||
{ id: "7", title: "Rubik’s Cube", description: "Fast-paced logic in 3D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-rubik-s-cube-icon-vivid-colors-with-a--1774688819176-4427e139.png" }
|
||||
]}
|
||||
title="Event Highlights"
|
||||
description="A diverse lineup of competitions and artistic showcases designed to ignite your passion."
|
||||
@@ -171,41 +102,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Solo Singing",
|
||||
role: "Performance",
|
||||
description: "Own the stage with your voice.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-microphone-on-a-stage-with-golden-spot-1774688819700-7e5e98d0.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Solo Dance",
|
||||
role: "Movement",
|
||||
description: "Express with every step you take.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/dancer-silhouette-with-flowing-movements-1774688820138-7f6d1420.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Corporate Walk",
|
||||
role: "Fashion",
|
||||
description: "Style meets professional grace.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/formal-corporate-attire-or-tie-icon-styl-1774688819331-9be40c2e.png",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Battle of Bands",
|
||||
role: "Live Music",
|
||||
description: "Electrifying instrumentals.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-microphone-on-a-stage-with-golden-spot-1774688819700-7e5e98d0.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Street Play",
|
||||
role: "Theatre",
|
||||
description: "Dramatic storytelling.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/dancer-silhouette-with-flowing-movements-1774688820138-7f6d1420.png?_wi=2",
|
||||
},
|
||||
{ id: "s1", name: "Solo Singing", role: "Performance", description: "Own the stage with your voice.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-microphone-on-a-stage-with-golden-spot-1774688819700-7e5e98d0.png" },
|
||||
{ id: "s2", name: "Solo Dance", role: "Movement", description: "Express with every step you take.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/dancer-silhouette-with-flowing-movements-1774688820138-7f6d1420.png" },
|
||||
{ id: "s3", name: "Corporate Walk", role: "Fashion", description: "Style meets professional grace.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/formal-corporate-attire-or-tie-icon-styl-1774688819331-9be40c2e.png" },
|
||||
{ id: "s4", name: "Battle of Bands", role: "Live Music", description: "Electrifying instrumentals.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/a-microphone-on-a-stage-with-golden-spot-1774688819700-7e5e98d0.png" },
|
||||
{ id: "s5", name: "Street Play", role: "Theatre", description: "Dramatic storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZFe5bErN7FTA4YThA5Ydbz2or/dancer-silhouette-with-flowing-movements-1774688820138-7f6d1420.png" }
|
||||
]}
|
||||
title="Stage Events"
|
||||
description="The grand stage awaits those with the rhythm and confidence to lead."
|
||||
@@ -215,16 +116,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Are you ready for the experience of a lifetime? Register for your events today and join the Mehfil 2026 celebration!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Register Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -233,36 +127,18 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
{
|
||||
label: "Register",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Events", href: "#events" },
|
||||
{ label: "Register", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Mehfil 2026"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user