Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Shop",
+          name: "Shop",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Our Story",
+          name: "Our Story",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="MODA"
     />
@@ -56,59 +48,36 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Redefining Urban Fashion"
-      title="Unapologetically Bold"
+      description="Sustainable, high-quality urban wear designed to elevate your everyday style."
-      description="Redefining urban fashion with high-quality, sustainable materials designed for the modern lifestyle."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/fashion-portrait-redhaired-sexy-girl-outdoor-model-attractive-seduction-woman_627829-6029.jpg",
+          src: "http://img.b2bpic.net/free-photo/fashion-portrait-redhaired-sexy-girl-outdoor-model-attractive-seduction-woman_627829-6029.jpg",          alt: "Fashionista"},
-          alt: "Fashionista",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-pink-background_285396-10831.jpg",
+          src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-stylish-outfit-pink-background_285396-10831.jpg",          alt: "Streetwear enthusiast"},
-          alt: "Streetwear enthusiast",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",          alt: "Urban explorer"},
-          alt: "Urban explorer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",          alt: "Happy customer"},
-          alt: "Happy customer",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",
+          src: "http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg",          alt: "Stylish model"},
-          alt: "Stylish model",
-        },
       ]}
       buttons={[
         {
-          text: "Shop Collection",
+          text: "Shop Collection",          href: "#products"},
-          href: "#products",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Premium Quality"},
-          text: "Premium Quality",
-        },
         {
-          type: "text",
+          type: "text",          text: "Sustainable Materials"},
-          text: "Sustainable Materials",
-        },
         {
-          type: "text",
+          type: "text",          text: "Urban Design"},
-          text: "Urban Design",
-        },
         {
-          type: "text",
+          type: "text",          text: "Modern Fit"},
-          text: "Modern Fit",
-        },
         {
-          type: "text",
+          type: "text",          text: "Worldwide Shipping"},
-          text: "Worldwide Shipping",
-        },
       ]}
     />
   </div>
@@ -120,20 +89,11 @@ export default function LandingPage() {
       description="Our clothing is crafted with premium fabrics that ensure maximum durability and comfort in every movement."
       accordionItems={[
         {
-          id: "1",
+          id: "1",          title: "Premium Materials",          content: "Ethically sourced fabrics designed for breathability and longevity."},
-          title: "Premium Materials",
-          content: "Ethically sourced fabrics designed for breathability and longevity.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Perfect Fit",          content: "Tailored for every silhouette with modern cuts that complement any body type."},
-          title: "Perfect Fit",
-          content: "Tailored for every silhouette with modern cuts that complement any body type.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Durable Design",          content: "Reinforced stitching and premium quality controls to last through every season."},
-          title: "Durable Design",
-          content: "Reinforced stitching and premium quality controls to last through every season.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409158.jpg"
       mediaAnimation="slide-up"
@@ -148,41 +108,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Basic Tee",          price: "$29",          imageSrc: "http://img.b2bpic.net/free-photo/isolated-studio-shot-young-female-with-braid-looking-down-as-she-pointing-her-blank-white-t-shirt_273609-9266.jpg"},
-          name: "Basic Tee",
-          price: "$29",
-          imageSrc: "http://img.b2bpic.net/free-photo/isolated-studio-shot-young-female-with-braid-looking-down-as-she-pointing-her-blank-white-t-shirt_273609-9266.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Denim Jacket",          price: "$89",          imageSrc: "http://img.b2bpic.net/free-photo/slim-sexual-woman-black-pants-denim-jacket_613910-10574.jpg"},
-          name: "Denim Jacket",
-          price: "$89",
-          imageSrc: "http://img.b2bpic.net/free-photo/slim-sexual-woman-black-pants-denim-jacket_613910-10574.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Street Sneaker",          price: "$129",          imageSrc: "http://img.b2bpic.net/free-photo/female-walking-park-high-quality-photo_114579-92105.jpg"},
-          name: "Street Sneaker",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-walking-park-high-quality-photo_114579-92105.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Modern Hoodie",          price: "$69",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg"},
-          name: "Modern Hoodie",
-          price: "$69",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1138.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Relaxed Trousers",          price: "$79",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg"},
-          name: "Relaxed Trousers",
-          price: "$79",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830422.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Utility Bag",          price: "$49",          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg"},
-          name: "Utility Bag",
-          price: "$49",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-bag-with-mediterranean-tiles-aesthetics_23-2150916702.jpg",
-        },
       ]}
       title="New Arrivals"
       description="Discover our latest trends designed for you."
@@ -196,23 +132,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Users,
-          icon: Users,
+          title: "Happy Customers",          value: "50K+"},
-          title: "Happy Customers",
-          value: "50K+",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: ShoppingBag,
-          icon: ShoppingBag,
+          title: "Products Sold",          value: "150K+"},
-          title: "Products Sold",
-          value: "150K+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: Award,
-          icon: Award,
+          title: "Years Style",          value: "10+"},
-          title: "Years Style",
-          value: "10+",
-        },
       ]}
       title="Our Reach"
       description="Impact in numbers."
@@ -226,45 +153,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Alice",          handle: "@alice",          testimonial: "Amazing quality!",          rating: 5,
-          name: "Alice",
+          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7995.jpg"},
-          handle: "@alice",
-          testimonial: "Amazing quality!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-casual-hipster-summer-clothes_158538-7995.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Bob",          handle: "@bob",          testimonial: "Fits perfectly.",          rating: 5,
-          name: "Bob",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg"},
-          handle: "@bob",
-          testimonial: "Fits perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-non-binary-person_23-2148760579.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Charlie",          handle: "@charlie",          testimonial: "I love the vibe.",          rating: 5,
-          name: "Charlie",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hat_23-2149213185.jpg"},
-          handle: "@charlie",
-          testimonial: "I love the vibe.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-wearing-hat_23-2149213185.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Diana",          handle: "@diana",          testimonial: "Style is on point.",          rating: 5,
-          name: "Diana",
+          imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg"},
-          handle: "@diana",
-          testimonial: "Style is on point.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623394.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Edward",          handle: "@edward",          testimonial: "So soft and durable.",          rating: 5,
-          name: "Edward",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg"},
-          handle: "@edward",
-          testimonial: "So soft and durable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg",
-        },
       ]}
       showRating={true}
       title="Voice of Our Community"
@@ -278,20 +180,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Shipping time?",          content: "Usually 3-5 business days."},
-          title: "Shipping time?",
-          content: "Usually 3-5 business days.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Returns policy?",          content: "30-day hassle-free money back guarantee."},
-          title: "Returns policy?",
-          content: "30-day hassle-free money back guarantee.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Bulk orders?",          content: "Contact our wholesale team for custom pricing."},
-          title: "Bulk orders?",
-          content: "Contact our wholesale team for custom pricing.",
-        },
       ]}
       title="Common Questions"
       description="We're here to help."
@@ -308,35 +201,11 @@ export default function LandingPage() {
       description="Fashion tips and news."
       blogs={[
         {
-          id: "b1",
+          id: "b1",          category: "Style",          title: "Summer Essentials",          excerpt: "What to wear for the sun.",          imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448770.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",          date: "Jan 1, 2024"},
-          category: "Style",
-          title: "Summer Essentials",
-          excerpt: "What to wear for the sun.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448770.jpg",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/woman-with-big-smile-her-face-after-big-shopping_329181-18748.jpg",
-          date: "Jan 1, 2024",
-        },
         {
-          id: "b2",
+          id: "b2",          category: "Street",          title: "Trend Watch",          excerpt: "What's in style right now.",          imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151065.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13340.jpg",          date: "Jan 2, 2024"},
-          category: "Street",
-          title: "Trend Watch",
-          excerpt: "What's in style right now.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-teenage-boy-wearing-denim-outfit_23-2150151065.jpg",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13340.jpg",
-          date: "Jan 2, 2024",
-        },
         {
-          id: "b3",
+          id: "b3",          category: "Trends",          title: "Winter Wear",          excerpt: "Stay cozy without sacrificing style.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-turtle-bag-with-lemons-beside-woman-feet_23-2148875890.jpg",          authorName: "Jane Doe",          authorAvatar: "http://img.b2bpic.net/free-photo/tattooed-redhead-girl-wearing-trendy-clothes-sitting-stairs-outside_613910-5284.jpg",          date: "Jan 3, 2024"},
-          category: "Trends",
-          title: "Winter Wear",
-          excerpt: "Stay cozy without sacrificing style.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-turtle-bag-with-lemons-beside-woman-feet_23-2148875890.jpg",
-          authorName: "Jane Doe",
-          authorAvatar: "http://img.b2bpic.net/free-photo/tattooed-redhead-girl-wearing-trendy-clothes-sitting-stairs-outside_613910-5284.jpg",
-          date: "Jan 3, 2024",
-        },
       ]}
     />
   </div>
@@ -345,14 +214,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       text="Ready to elevate your style?"
       buttons={[
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "mailto:hello@moda.com"},
-          href: "mailto:hello@moda.com",
-        },
       ]}
     />
   </div>
@@ -362,29 +228,19 @@ export default function LandingPage() {
       logoText="MODA"
       columns={[
         {
-          title: "Store",
+          title: "Store",          items: [
-          items: [
             {
-              label: "Shop",
+              label: "Shop",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}