Update src/app/page.tsx

src/app/page.tsx

@@ -32,140 +32,80 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Events",
+          name: "Events",          id: "products"},
-          id: "products",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="ShowPass"
       button={{
-        text: "Get Tickets",
+        text: "Get Tickets",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Your Next Adventure Awaits"
       description="Secure your seats for the most anticipated shows and events of the season. Experience magic, live."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-live-concert-performance-with-yellow-light-show-big-crowd-cheering_181624-55905.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-live-concert-performance-with-yellow-light-show-big-crowd-cheering_181624-55905.jpg",          imageAlt: "Concert 1"},
-          imageAlt: "Concert 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/festival-concert-show-theme-blur-background_1385-1401.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/festival-concert-show-theme-blur-background_1385-1401.jpg",          imageAlt: "Concert 2"},
-          imageAlt: "Concert 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-excited-people-with-arms-raised-having-fun-while-watching-confetti-fireworks-front-stage-music-festival-copy-space_637285-568.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-excited-people-with-arms-raised-having-fun-while-watching-confetti-fireworks-front-stage-music-festival-copy-space_637285-568.jpg",          imageAlt: "Concert 3"},
-          imageAlt: "Concert 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/dancing-concert-while-singer-is-performing-surrounded-with-lights_181624-9688.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/dancing-concert-while-singer-is-performing-surrounded-with-lights_181624-9688.jpg",          imageAlt: "Concert 4"},
-          imageAlt: "Concert 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/festival-concert-show-theme-blur-background_1385-1402.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/festival-concert-show-theme-blur-background_1385-1402.jpg",          imageAlt: "Concert 5"},
-          imageAlt: "Concert 5",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-excited-fans-having-fun-music-festival-taking-pictures-stage-with-their-smart-phones-copy-space_637285-607.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-excited-fans-having-fun-music-festival-taking-pictures-stage-with-their-smart-phones-copy-space_637285-607.jpg",          imageAlt: "Concert 6"},
-          imageAlt: "Concert 6",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/large-group-fans-with-arms-raised-having-fun-music-concert-night_637285-584.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/large-group-fans-with-arms-raised-having-fun-music-concert-night_637285-584.jpg",          imageAlt: "Event 1"},
-          imageAlt: "Event 1",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-dj-playing-music-front-excited-crowd-music-festival-by-night_637285-598.jpg",          imageAlt: "Event 2"},
-          imageAlt: "Event 2",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841414.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/american-elections-vote-right_23-2151841414.jpg",          imageAlt: "Event 3"},
-          imageAlt: "Event 3",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-new-year-s-eve-city_23-2151070254.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-new-year-s-eve-city_23-2151070254.jpg",          imageAlt: "Event 4"},
-          imageAlt: "Event 4",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-audience-watching-confetti-fireworks-having-fun-music-festival-night-copy-space_637285-559.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/excited-audience-watching-confetti-fireworks-having-fun-music-festival-night-copy-space_637285-559.jpg",          imageAlt: "Event 5"},
-          imageAlt: "Event 5",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-looking-people-dancing-holi-color-explosion_23-2148129160.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-looking-people-dancing-holi-color-explosion_23-2148129160.jpg",          imageAlt: "Event 6"},
-          imageAlt: "Event 6",
-        },
       ]}
       buttons={[
         {
-          text: "Explore Events",
+          text: "Explore Events",          href: "#products"},
-          href: "#products",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-traveler-man-checked-shirt-holding-air-tickets-clenching-fist-happy-positive-smiling-standing-white-wall_141793-50411.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-traveler-man-checked-shirt-holding-air-tickets-clenching-fist-happy-positive-smiling-standing-white-wall_141793-50411.jpg",          alt: "Attendee 1"},
-          alt: "Attendee 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-glasses-holding-tickets-showing-yes-gesture-isolated-green-wall_141793-82545.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-glasses-holding-tickets-showing-yes-gesture-isolated-green-wall_141793-82545.jpg",          alt: "Attendee 2"},
-          alt: "Attendee 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/frowning-young-handsome-slavic-party-guy-wearing-party-hat-holding-balloons-looking-camera-stretching-out-airplane-tickets-towards-camera-isolated-crimson-background-with-copy-space_141793-83411.jpg",
+          src: "http://img.b2bpic.net/free-photo/frowning-young-handsome-slavic-party-guy-wearing-party-hat-holding-balloons-looking-camera-stretching-out-airplane-tickets-towards-camera-isolated-crimson-background-with-copy-space_141793-83411.jpg",          alt: "Attendee 3"},
-          alt: "Attendee 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/excited-young-traveler-man-holding-air-tickets-putting-hand-face-isolated-olive-green-wall-with-copy-space_141793-119941.jpg",
+          src: "http://img.b2bpic.net/free-photo/excited-young-traveler-man-holding-air-tickets-putting-hand-face-isolated-olive-green-wall-with-copy-space_141793-119941.jpg",          alt: "Attendee 4"},
-          alt: "Attendee 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-man-portrait-with-blurry-background_23-2148281660.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-man-portrait-with-blurry-background_23-2148281660.jpg",          alt: "Attendee 5"},
-          alt: "Attendee 5",
-        },
       ]}
       avatarText="Join 100,000+ happy fans"
       marqueeItems={[
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/abstract-circular-neon-lights-background_23-2147815487.jpg",          alt: "Neon Lights"},
-          src: "http://img.b2bpic.net/free-photo/abstract-circular-neon-lights-background_23-2147815487.jpg",
-          alt: "Neon Lights",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212558.jpg",          alt: "Fiber"},
-          src: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212558.jpg",
-          alt: "Fiber",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg",          alt: "Spangles"},
-          src: "http://img.b2bpic.net/free-photo/blurred-spangles-scattered-table_23-2147992671.jpg",
-          alt: "Spangles",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg",          alt: "Fiber Detail"},
-          src: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182560.jpg",
-          alt: "Fiber Detail",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/magenta-flashes-spots-light_23-2147798896.jpg",          alt: "Magenta Flash"},
-          src: "http://img.b2bpic.net/free-photo/magenta-flashes-spots-light_23-2147798896.jpg",
-          alt: "Magenta Flash",
-        },
       ]}
     />
   </div>
@@ -175,14 +115,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Seamless Ticketing"},
-          content: "Seamless Ticketing",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/group-ceos-using-chroma-key-screen-tablet-meeting_482257-119055.jpg",          alt: "About"},
-          src: "http://img.b2bpic.net/free-photo/group-ceos-using-chroma-key-screen-tablet-meeting_482257-119055.jpg",
-          alt: "About",
-        },
       ]}
     />
   </div>
@@ -195,47 +130,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Sunset Jazz Festival",          price: "$85",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-holi-color-looking-away_23-2148129166.jpg",          imageAlt: "Jazz Event"},
-          name: "Sunset Jazz Festival",
-          price: "$85",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-holi-color-looking-away_23-2148129166.jpg",
-          imageAlt: "Jazz Event",
-        },
         {
-          id: "2",
+          id: "2",          name: "The Great Gala",          price: "$210",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-couple-concert_181624-22839.jpg",          imageAlt: "Gala Event"},
-          name: "The Great Gala",
-          price: "$210",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-couple-concert_181624-22839.jpg",
-          imageAlt: "Gala Event",
-        },
         {
-          id: "3",
+          id: "3",          name: "Indie Rock Night",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-freckles-looking-away_23-2148311239.jpg",          imageAlt: "Rock Event"},
-          name: "Indie Rock Night",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-freckles-looking-away_23-2148311239.jpg",
-          imageAlt: "Rock Event",
-        },
         {
-          id: "4",
+          id: "4",          name: "Classical Strings",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/nighttime-concert-musicians-play-excited-crowd-generated-by-ai_188544-44674.jpg",          imageAlt: "Strings Event"},
-          name: "Classical Strings",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/nighttime-concert-musicians-play-excited-crowd-generated-by-ai_188544-44674.jpg",
-          imageAlt: "Strings Event",
-        },
         {
-          id: "5",
+          id: "5",          name: "Tech Expo 2025",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-photo/happy-dj-rooftop-front-view_23-2149739880.jpg",          imageAlt: "Tech Event"},
-          name: "Tech Expo 2025",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-dj-rooftop-front-view_23-2149739880.jpg",
-          imageAlt: "Tech Event",
-        },
         {
-          id: "6",
+          id: "6",          name: "Artisan Craft Fair",          price: "$25",          imageSrc: "http://img.b2bpic.net/free-photo/nyepi-day-celebration-indonesia_23-2151325628.jpg",          imageAlt: "Art Event"},
-          name: "Artisan Craft Fair",
-          price: "$25",
-          imageSrc: "http://img.b2bpic.net/free-photo/nyepi-day-celebration-indonesia_23-2151325628.jpg",
-          imageAlt: "Art Event",
-        },
       ]}
       title="Featured Events"
       description="Top-rated performances coming to your city."
@@ -249,52 +154,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
+          id: "basic",          tag: "Standard",          price: "$0",          period: "/mo",          description: "Access to standard ticketing.",          button: {
-          tag: "Standard",
+            text: "Get Started Free"},
-          price: "$0",
+          featuresTitle: "Included",          features: [
-          period: "/mo",
+            "General Access",            "E-Tickets",            "Event Alerts"],
-          description: "Access to standard ticketing.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "General Access",
-            "E-Tickets",
-            "Event Alerts",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          tag: "Premium",          price: "$29",          period: "/mo",          description: "Exclusive perks for enthusiasts.",          button: {
-          tag: "Premium",
+            text: "Get Started Free"},
-          price: "$29",
+          featuresTitle: "Included",          features: [
-          period: "/mo",
+            "Early Bird Access",            "Priority Service",            "No Fees"],
-          description: "Exclusive perks for enthusiasts.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Early Bird Access",
-            "Priority Service",
-            "No Fees",
-          ],
         },
         {
-          id: "vip",
+          id: "vip",          tag: "VIP",          price: "$99",          period: "/mo",          description: "Ultimate convenience and luxury.",          button: {
-          tag: "VIP",
+            text: "Upgrade to VIP"},
-          price: "$99",
+          featuresTitle: "Included",          features: [
-          period: "/mo",
+            "VIP Lounges",            "Dedicated Agent",            "Private Shows"],
-          description: "Ultimate convenience and luxury.",
-          button: {
-            text: "Select",
-          },
-          featuresTitle: "Included",
-          features: [
-            "VIP Lounges",
-            "Dedicated Agent",
-            "Private Shows",
-          ],
         },
       ]}
       title="Event Membership Tiers"
@@ -309,31 +184,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "1M+",          title: "Tickets Sold",          items: [
-          value: "1M+",
+            "Verified Users",            "Safe Payments"],
-          title: "Tickets Sold",
-          items: [
-            "Verified Users",
-            "Safe Payments",
-          ],
         },
         {
-          id: "m2",
+          id: "m2",          value: "5k+",          title: "Events Hosted",          items: [
-          value: "5k+",
+            "Global Reach",            "Curated Selection"],
-          title: "Events Hosted",
-          items: [
-            "Global Reach",
-            "Curated Selection",
-          ],
         },
         {
-          id: "m3",
+          id: "m3",          value: "99.9%",          title: "Customer Satisfaction",          items: [
-          value: "99.9%",
+            "Real Feedback",            "Secure Platform"],
-          title: "Customer Satisfaction",
-          items: [
-            "Real Feedback",
-            "Secure Platform",
-          ],
         },
       ]}
       title="By The Numbers"
@@ -348,59 +208,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Miller",          role: "Music Fan",          company: "NYC",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-holding-travel-ticket-looking_141793-57660.jpg"},
-          role: "Music Fan",
-          company: "NYC",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-holding-travel-ticket-looking_141793-57660.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "John Doe",          role: "Traveler",          company: "London",          rating: 5,
-          name: "John Doe",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-35811.jpg"},
-          role: "Traveler",
-          company: "London",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-35811.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily P.",          role: "Art Lover",          company: "Paris",          rating: 5,
-          name: "Emily P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-celebrating-pride-day_23-2151450017.jpg"},
-          role: "Art Lover",
-          company: "Paris",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-celebrating-pride-day_23-2151450017.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Mark S.",          role: "Concert Goer",          company: "Berlin",          rating: 5,
-          name: "Mark S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-instruments_23-2149223623.jpg"},
-          role: "Concert Goer",
-          company: "Berlin",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-instruments_23-2149223623.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Alice T.",          role: "Student",          company: "Tokyo",          rating: 5,
-          name: "Alice T.",
+          imageSrc: "http://img.b2bpic.net/free-photo/blured-photo-crowded-concert-hall-with-scene-stage-lights-with-people-rock-performance_627829-6110.jpg"},
-          role: "Student",
-          company: "Tokyo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blured-photo-crowded-concert-hall-with-scene-stage-lights-with-people-rock-performance_627829-6110.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "4.9/5",
+          value: "4.9/5",          label: "Avg Rating"},
-          label: "Avg Rating",
-        },
         {
-          value: "100k",
+          value: "100k",          label: "Community"},
-          label: "Community",
-        },
         {
-          value: "50+",
+          value: "50+",          label: "Countries"},
-          label: "Countries",
-        },
       ]}
       title="Loved By Fans"
       description="Hear what our community says about their experience."
@@ -413,20 +242,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "Can I get a refund?",          content: "Yes, tickets are refundable up to 48 hours before the event."},
-          title: "Can I get a refund?",
-          content: "Yes, tickets are refundable up to 48 hours before the event.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Where are my tickets?",          content: "They are sent to your email and accessible in your profile."},
-          title: "Where are my tickets?",
-          content: "They are sent to your email and accessible in your profile.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Are there student discounts?",          content: "Yes, verified students receive 10% off specific events."},
-          title: "Are there student discounts?",
-          content: "Yes, verified students receive 10% off specific events.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-using-various-digital-devices_23-2148794563.jpg"
       mediaAnimation="slide-up"
@@ -440,16 +260,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Contact Us"
       title="Need Help With Your Booking?"
       description="Our team is here to ensure you have the best experience."
       buttons={[
         {
-          text: "Contact Support",
+          text: "Contact Support",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -458,29 +275,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Events",
+              label: "Events",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Help Center",
+              label: "Help Center",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}