Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -29,25 +29,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="Lumina Skin"
     />
@@ -56,78 +46,49 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Radiance Refined Naturally"
       description="Experience the purity of botanical-driven science. Lumina Skin delivers clean, effective results for your most healthy, glowing complexion yet."
       kpis={[
         {
-          value: "98%",
+          value: "98%",          label: "Natural Ingredients"},
-          label: "Natural Ingredients",
-        },
         {
-          value: "50K+",
+          value: "50K+",          label: "Happy Clients"},
-          label: "Happy Clients",
-        },
         {
-          value: "12",
+          value: "12",          label: "Active Botanicals"},
-          label: "Active Botanicals",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Shop Collection",
+          text: "Shop Collection",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/view-frame-with-facial-beauty-products_23-2148299560.jpg"
       imageAlt="Natural skin care products"
       mediaAnimation="opacity"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",          alt: "Customer 1"},
-          alt: "Customer 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg",
+          src: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg",          alt: "Customer 2"},
-          alt: "Customer 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg",          alt: "Customer 3"},
-          alt: "Customer 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg",
+          src: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg",          alt: "Customer 4"},
-          alt: "Customer 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",          alt: "Customer 5"},
-          alt: "Customer 5",
-        },
       ]}
       avatarText="Loved by 50,000+ happy clients worldwide"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Cruelty-Free"},
-          text: "Cruelty-Free",
-        },
         {
-          type: "text",
+          type: "text",          text: "Vegan Formula"},
-          text: "Vegan Formula",
-        },
         {
-          type: "text",
+          type: "text",          text: "Sustainably Sourced"},
-          text: "Sustainably Sourced",
-        },
         {
-          type: "text",
+          type: "text",          text: "Dermatologist Tested"},
-          text: "Dermatologist Tested",
-        },
         {
-          type: "text",
+          type: "text",          text: "Eco-Friendly Packaging"},
-          text: "Eco-Friendly Packaging",
-        },
       ]}
     />
   </div>
@@ -138,9 +99,7 @@ export default function LandingPage() {
       title="Science Meets Nature"
       buttons={[
         {
-          text: "Our Story",
+          text: "Our Story",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -153,26 +112,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Lumina Serum",          price: "$48",          imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167943.jpg",          imageAlt: "Lumina Serum"},
-          name: "Lumina Serum",
-          price: "$48",
-          imageSrc: "http://img.b2bpic.net/free-photo/beach-skincare-product-still-life_23-2150167943.jpg",
-          imageAlt: "Lumina Serum",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Daily Moisturizer",          price: "$52",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg",          imageAlt: "Daily Moisturizer"},
-          name: "Daily Moisturizer",
-          price: "$52",
-          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669138.jpg",
-          imageAlt: "Daily Moisturizer",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Gentle Cleanser",          price: "$34",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721478.jpg",          imageAlt: "Gentle Cleanser"},
-          name: "Gentle Cleanser",
-          price: "$34",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721478.jpg",
-          imageAlt: "Gentle Cleanser",
-        },
       ]}
       title="Essential Daily Rituals"
       description="Our curated selection of high-performance skincare essentials."
@@ -186,59 +130,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Elena R.",          role: "User",          company: "Happy Customer",          rating: 5,
-          name: "Elena R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg"},
-          role: "User",
-          company: "Happy Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-experiencing-anxiety-home-side-view_23-2149485795.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark S.",          role: "User",          company: "Skin Enthusiast",          rating: 5,
-          name: "Mark S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=1"},
-          role: "User",
-          company: "Skin Enthusiast",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=1",
-        },
         {
-          id: "3",
+          id: "3",          name: "Sarah J.",          role: "User",          company: "Radiance Community",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg"},
-          role: "User",
-          company: "Radiance Community",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-trying-beauty-products_23-2148723128.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Tom K.",          role: "User",          company: "Lumina Fan",          rating: 5,
-          name: "Tom K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg"},
-          role: "User",
-          company: "Lumina Fan",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/world-cancer-day-awareness-with-patient_23-2151249714.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Chloe B.",          role: "User",          company: "Radiance Insider",          rating: 5,
-          name: "Chloe B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=2"},
-          role: "User",
-          company: "Radiance Insider",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interested-lady-posing-with-smile-jocund-young-woman-expressing-happiness_197531-14036.jpg?_wi=2",
-        },
       ]}
       kpiItems={[
         {
-          value: "5.0",
+          value: "5.0",          label: "Avg Rating"},
-          label: "Avg Rating",
-        },
         {
-          value: "100%",
+          value: "100%",          label: "Clean Promise"},
-          label: "Clean Promise",
-        },
         {
-          value: "Daily",
+          value: "Daily",          label: "Loved By All"},
-          label: "Loved By All",
-        },
       ]}
       title="What They Say"
       description="Hear from the radiance community about their journey."
@@ -251,20 +164,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Are your products cruelty-free?",          content: "Yes, we are 100% cruelty-free and vegan."},
-          title: "Are your products cruelty-free?",
-          content: "Yes, we are 100% cruelty-free and vegan.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I use this on sensitive skin?",          content: "Our formulas are designed to be hypoallergenic and gentle."},
-          title: "Can I use this on sensitive skin?",
-          content: "Our formulas are designed to be hypoallergenic and gentle.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "How long until I see results?",          content: "Most users see visible results within 2-4 weeks of consistent use."},
-          title: "How long until I see results?",
-          content: "Most users see visible results within 2-4 weeks of consistent use.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our ingredients or routine? We have answers."
@@ -277,28 +181,22 @@ export default function LandingPage() {
       columns={[
         {
           items: [
-            {
+            { label: "About Us", href: "#about" },
-              label: "About Us",
+            { label: "Shop All", href: "#products" },
-              href: "#",
-            },
-            {
-              label: "Shop",
-              href: "#products",
-            },
           ],
         },
         {
           items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",
+            { label: "Return Policy", href: "#" },
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
           ],
         },
+        {
+          items: [
+            { label: "New Arrivals", href: "#products" },
+            { label: "Best Sellers", href: "#products" },
+          ],
+        }
       ]}
       logoText="Lumina Skin"
     />
@@ -306,4 +204,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}