Update src/app/page.tsx

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "product"},
-          id: "product",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Brew & Bean"
     />
@@ -55,63 +47,40 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Artisanal Coffee, Brewed to Perfection"
       description="Experience the rich aromas and bold flavors of ethically sourced beans roasted right in our backyard. Your perfect cup awaits."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg",
+          src: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg",          alt: "barista pouring coffee latte art"},
-          alt: "barista pouring coffee latte art",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",          alt: "Woman in golden suit sits in the cafe "},
-          alt: "Woman in golden suit sits in the cafe ",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
+          src: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",          alt: "Luxury bar illuminated by modern lighting equipment generated by AI"},
-          alt: "Luxury bar illuminated by modern lighting equipment generated by AI",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",
+          src: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg",          alt: "Confident young indian man in black shirt standing at cafe"},
-          alt: "Confident young indian man in black shirt standing at cafe",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
+          src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",          alt: "Person in a cafe enjoying a book"},
-          alt: "Person in a cafe enjoying a book",
-        },
       ]}
       buttons={[
         {
-          text: "View Menu",
+          text: "View Menu",          href: "#product"},
-          href: "#product",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "100% Organic",          icon: Leaf,
-          text: "100% Organic",
-          icon: Leaf,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Locally Roasted",          icon: Coffee,
-          text: "Locally Roasted",
-          icon: Coffee,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Sustainable Sourcing",          icon: Globe,
-          text: "Sustainable Sourcing",
-          icon: Globe,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Fair Trade Certified",          icon: Award,
-          text: "Fair Trade Certified",
-          icon: Award,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Freshness Guaranteed",          icon: CheckCircle,
-          text: "Freshness Guaranteed",
-          icon: CheckCircle,
         },
       ]}
     />
@@ -121,45 +90,21 @@ export default function LandingPage() {
       <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
+          id: "1",          name: "Classic Espresso",          price: "$3.50",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg"},
-          name: "Classic Espresso",
-          price: "$3.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Caramel Macchiato",          price: "$5.25",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg"},
-          name: "Caramel Macchiato",
-          price: "$5.25",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Flat White",          price: "$4.75",          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-table-grey-background_1220-7316.jpg"},
-          name: "Flat White",
-          price: "$4.75",
-          imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-table-grey-background_1220-7316.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Signature Cappuccino",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2687.jpg"},
-          name: "Signature Cappuccino",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-2687.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Cold Brew",          price: "$5.00",          imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-coffee-beans-placed-wooden-plate_1150-24169.jpg"},
-          name: "Cold Brew",
-          price: "$5.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-coffee-beans-placed-wooden-plate_1150-24169.jpg",
-        },
         {
-          id: "6",
+          id: "6",          name: "Mocha Bliss",          price: "$5.50",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-96.jpg"},
-          name: "Mocha Bliss",
-          price: "$5.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-96.jpg",
-        },
       ]}
       title="Our Signature Menu"
       description="A curated selection of our finest coffee creations, from classic espressos to decadent signature blends."
@@ -173,19 +118,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Coffee,
-          label: "Beans Roasted",
+          label: "Beans Roasted",          value: "500kg+"},
-          value: "500kg+",
-        },
         {
           icon: Award,
-          label: "Years Experience",
+          label: "Years Experience",          value: "10+"},
-          value: "10+",
-        },
         {
           icon: Users,
-          label: "Happy Clients",
+          label: "Happy Clients",          value: "10k+"},
-          value: "10k+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -198,20 +137,11 @@ export default function LandingPage() {
       tag="Expertise"
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "98%",          description: "Sustainability Score"},
-          value: "98%",
-          description: "Sustainability Score",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "15",          description: "Single Origins"},
-          value: "15",
-          description: "Single Origins",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "24h",          description: "Freshness Guarantee"},
-          value: "24h",
-          description: "Freshness Guarantee",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -223,45 +153,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          title: "Great coffee",          quote: "The best espresso I've ever had in this city.",          name: "Alice M.",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg"},
-          title: "Great coffee",
-          quote: "The best espresso I've ever had in this city.",
-          name: "Alice M.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          title: "Friendly spot",          quote: "My daily morning ritual would not be complete without this cafe.",          name: "Bob R.",          role: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg"},
-          title: "Friendly spot",
-          quote: "My daily morning ritual would not be complete without this cafe.",
-          name: "Bob R.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-holding-thermo-cup-thoughtfully-looking-away-cozy-street-cafe_574295-2535.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          title: "Cozy vibes",          quote: "Love the atmosphere and the artisanal blends.",          name: "Carla S.",          role: "Writer",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149271105.jpg"},
-          title: "Cozy vibes",
-          quote: "Love the atmosphere and the artisanal blends.",
-          name: "Carla S.",
-          role: "Writer",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-laptop_23-2149271105.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          title: "Exceptional quality",          quote: "The freshness of the beans is unmatched.",          name: "David W.",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg"},
-          title: "Exceptional quality",
-          quote: "The freshness of the beans is unmatched.",
-          name: "David W.",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756339.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          title: "Perfect brew",          quote: "Finally, a place that understands true coffee craft.",          name: "Elena V.",          role: "Artist",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg"},
-          title: "Perfect brew",
-          quote: "Finally, a place that understands true coffee craft.",
-          name: "Elena V.",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
-        },
       ]}
       title="Customer Favorites"
       description="Don't just take our word for it—our community of coffee lovers agrees."
@@ -274,20 +174,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you roast on-site?",          content: "Yes, we roast daily to ensure maximum freshness."},
-          title: "Do you roast on-site?",
-          content: "Yes, we roast daily to ensure maximum freshness.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Do you sell beans?",          content: "Absolutely, we sell our single-origin beans in-store and online."},
-          title: "Do you sell beans?",
-          content: "Absolutely, we sell our single-origin beans in-store and online.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you have dairy-free options?",          content: "We offer oat, almond, and soy milk alternatives."},
-          title: "Do you have dairy-free options?",
-          content: "We offer oat, almond, and soy milk alternatives.",
-        },
       ]}
       title="Frequently Asked"
       description="Have questions? We have answers about our brewing process."
@@ -299,8 +190,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Stay Connected"
       title="Join Our Coffee Club"
       description="Get updates on new seasonal roasts, workshops, and exclusive discounts."
@@ -315,25 +205,17 @@ export default function LandingPage() {
       logoText="Brew & Bean"
       columns={[
         {
-          title: "Navigation",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Menu",
+              label: "Menu",              href: "#product"},
-              href: "#product",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Contact",
+          title: "Contact",          items: [
-          items: [
             {
-              label: "Visit Us",
+              label: "Visit Us",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}