Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Collection",
+          name: "Collection",          id: "products"},
-          id: "products",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="MODA"
     />
@@ -56,70 +48,43 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Timeless Style, Effortless Comfort"
       description="Discover our curated collection of premium apparel designed for the modern lifestyle. Quality craftsmanship meets sustainable fashion."
       kpis={[
         {
-          value: "500+",
+          value: "500+",          label: "Designs"},
-          label: "Designs",
-        },
         {
-          value: "10k+",
+          value: "10k+",          label: "Orders"},
-          label: "Orders",
-        },
         {
-          value: "4.9",
+          value: "4.9",          label: "Rating"},
-          label: "Rating",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/happy-customer-trying-new-dress-boutique-woman-choosing-clothes-fashion-store-buying-clothes-boutique-concept_74855-11772.jpg"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg",
+          src: "http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg",
+          src: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8484.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg",
+          src: "http://img.b2bpic.net/free-photo/rack-clothes-store_23-2148929539.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg",
+          src: "http://img.b2bpic.net/free-photo/photo-rope-leading-home-office-desk_23-2148304908.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-colorful-fabric-material_23-2148383702.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Sustainable"},
-          text: "Sustainable",
-        },
         {
-          type: "text",
+          type: "text",          text: "Premium"},
-          text: "Premium",
-        },
         {
-          type: "text",
+          type: "text",          text: "Ethical"},
-          text: "Ethical",
-        },
         {
-          type: "text",
+          type: "text",          text: "Timeless"},
-          text: "Timeless",
-        },
         {
-          type: "text",
+          type: "text",          text: "Quality"},
-          text: "Quality",
-        },
       ]}
     />
   </div>
@@ -131,20 +96,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Premium Fabrics",
+          title: "Premium Fabrics",          description: "Sourced from the finest materials globally to ensure comfort and durability.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg"},
-          description: "Sourced from the finest materials globally to ensure comfort and durability.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg",
-        },
         {
-          title: "Ethical Crafting",
+          title: "Ethical Crafting",          description: "Every stitch is made in fair-trade environments, respecting human dignity.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893994.jpg"},
-          description: "Every stitch is made in fair-trade environments, respecting human dignity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893994.jpg",
-        },
         {
-          title: "Zero-Waste Packaging",
+          title: "Zero-Waste Packaging",          description: "Compostable, recyclable, and beautifully minimal - zero compromise.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg"},
-          description: "Compostable, recyclable, and beautifully minimal - zero compromise.",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-objects_23-2148835348.jpg",
-        },
       ]}
       title="The MODA Promise"
       description="Crafted with passion, worn with pride."
@@ -159,62 +115,27 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "MODA",          name: "Linen Summer Shirt",          price: "$89",          rating: 5,
-          brand: "MODA",
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/ortrait-young-lady-pillowing-forehead-her-elbow-t-shirt-cap-looking-tired-front-view_176474-54658.jpg"},
-          name: "Linen Summer Shirt",
-          price: "$89",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/ortrait-young-lady-pillowing-forehead-her-elbow-t-shirt-cap-looking-tired-front-view_176474-54658.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "MODA",          name: "Oversized Wool Sweater",          price: "$145",          rating: 5,
-          brand: "MODA",
+          reviewCount: "89",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg"},
-          name: "Oversized Wool Sweater",
-          price: "$145",
-          rating: 5,
-          reviewCount: "89",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "MODA",          name: "Slim Tailored Trouser",          price: "$120",          rating: 4,
-          brand: "MODA",
+          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg"},
-          name: "Slim Tailored Trouser",
-          price: "$120",
-          rating: 4,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          brand: "MODA",          name: "Classic Denim Jacket",          price: "$160",          rating: 5,
-          brand: "MODA",
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/collage-photos-with-jeans-close-up_185193-109620.jpg"},
-          name: "Classic Denim Jacket",
-          price: "$160",
-          rating: 5,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/collage-photos-with-jeans-close-up_185193-109620.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          brand: "MODA",          name: "Linen Midi Dress",          price: "$195",          rating: 5,
-          brand: "MODA",
+          reviewCount: "56",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1842.jpg"},
-          name: "Linen Midi Dress",
-          price: "$195",
-          rating: 5,
-          reviewCount: "56",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-portrait-garden_1328-1842.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          brand: "MODA",          name: "Handcrafted Leather Boot",          price: "$245",          rating: 4,
-          brand: "MODA",
+          reviewCount: "34",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg"},
-          name: "Handcrafted Leather Boot",
-          price: "$245",
-          rating: 4,
-          reviewCount: "34",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cowboy-inspiration-with-boots_23-2149484767.jpg",
-        },
       ]}
       title="New Arrivals"
       description="The latest styles curated for your closet."
+      buttons={[{ text: "View All Products", href: "/catalog" }]}
     />
   </div>
 
@@ -239,25 +160,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/lady-wears-beautiful-black-dress-looking-into-mirror_158595-5863.jpg",
+          src: "http://img.b2bpic.net/free-photo/lady-wears-beautiful-black-dress-looking-into-mirror_158595-5863.jpg",          alt: "Sarah"},
-          alt: "Sarah",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-lady-preens-front-mirror-gold-frame-curly-woman-stylish-cap-poses-bright-apartment_197531-13762.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-lady-preens-front-mirror-gold-frame-curly-woman-stylish-cap-poses-bright-apartment_197531-13762.jpg",          alt: "User 2"},
-          alt: "User 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-playing-harmonica-near-mirror_23-2147769080.jpg",          alt: "User 3"},
-          alt: "User 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-woman-looking-her-reflection_158595-969.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-woman-looking-her-reflection_158595-969.jpg",          alt: "User 4"},
-          alt: "User 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-caucasian-woman-professional-model-white-blazer-silver-chain-look-mirror-luxury-villa_343596-1947.jpg",
+          src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-caucasian-woman-professional-model-white-blazer-silver-chain-look-mirror-luxury-villa_343596-1947.jpg",          alt: "User 5"},
-          alt: "User 5",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -269,14 +180,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vogue",
+        "Vogue",        "GQ",        "Hypebeast",        "WWD",        "Elle",        "Harper's Bazaar",        "The Cut"]}
-        "GQ",
-        "Hypebeast",
-        "WWD",
-        "Elle",
-        "Harper's Bazaar",
-        "The Cut",
-      ]}
       title="Trusted by Leaders"
       description="Our collections are featured by industry innovators."
     />
@@ -288,20 +192,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What is your return policy?",          content: "You can return items within 30 days of purchase for a full refund."},
-          title: "What is your return policy?",
-          content: "You can return items within 30 days of purchase for a full refund.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How do I care for my garments?",          content: "Each garment comes with a detailed care instruction card."},
-          title: "How do I care for my garments?",
-          content: "Each garment comes with a detailed care instruction card.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Do you offer international shipping?",          content: "Yes, we ship to over 50 countries worldwide."},
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to over 50 countries worldwide.",
-        },
       ]}
       title="Common Inquiries"
       description="Everything you need to know about shopping with MODA."
@@ -313,8 +208,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Keep in touch"
       title="Join our Newsletter"
       description="Get early access to collections and exclusive updates."
@@ -328,42 +222,27 @@ export default function LandingPage() {
       logoText="MODA"
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
             {
-              label: "New Arrivals",
+              label: "New Arrivals",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "Best Sellers",
+              label: "Best Sellers",              href: "#products"},
-              href: "#products",
-            },
           ],
         },
         {
-          title: "About",
+          title: "About",          items: [
-          items: [
             {
-              label: "Our Story",
+              label: "Our Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -372,4 +251,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}