From 9222a0b63d37bf4cd910af6cdf14e54c697c8e69 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Mar 2026 09:07:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 208 ++++++++++-------------------------------------
 1 file changed, 42 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac00cb5..97055ca 100644
--- a/src/app/page.tsx
+++ b/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"
     />