From 90565a7b9dfea3fcfddf08422854712bdf9e7031 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 19:57:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 193 ++++++++++++-----------------------------------
 1 file changed, 48 insertions(+), 145 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e09cdf4..12682e7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,11 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Philosophy",
-          id: "about",
-        },
+          name: "Philosophy",          id: "about"},
         {
-          name: "Collection",
-          id: "products",
-        },
+          name: "Collection",          id: "products"},
         {
-          name: "Stories",
-          id: "testimonials",
-        },
+          name: "Stories",          id: "testimonials"},
       ]}
       brandName="Lumina Skincare"
     />
@@ -55,13 +47,9 @@ export default function LandingPage() {
       description="Discover the art of timeless skincare with Lumina, crafted from earth's most potent botanicals for a gentle, luminous glow."
       buttons={[
         {
-          text: "Shop Collection",
-          href: "#products",
-        },
+          text: "Shop Collection",          href: "#products"},
         {
-          text: "Our Philosophy",
-          href: "#about",
-        },
+          text: "Our Philosophy",          href: "#about"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/dreamy-aesthetic-cosmetic-product-with-fresh-background_23-2151382872.jpg"
     />
@@ -72,9 +60,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Crafted with Intent"
       description={[
-        "Lumina Skincare was born from a desire for clean, powerful results without compromise. We marry ancient botanical wisdom with modern derm-proven science.",
-        "Every bottle contains only pure, effective ingredients harvested responsibly for your skin's health and our planet's future.",
-      ]}
+        "Lumina Skincare was born from a desire for clean, powerful results without compromise. We marry ancient botanical wisdom with modern derm-proven science.",        "Every bottle contains only pure, effective ingredients harvested responsibly for your skin's health and our planet's future."]}
     />
   </div>
 
@@ -86,47 +72,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Botanical Serum",
-          price: "$85",
-          variant: "30ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=1",
-        },
+          id: "1",          name: "Botanical Serum",          price: "$85",          variant: "30ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=1"},
         {
-          id: "2",
-          name: "Gentle Cleanser",
-          price: "$42",
-          variant: "150ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=2",
-        },
+          id: "2",          name: "Gentle Cleanser",          price: "$42",          variant: "150ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=2"},
         {
-          id: "3",
-          name: "Deep Hydrator",
-          price: "$65",
-          variant: "50ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=3",
-        },
+          id: "3",          name: "Deep Hydrator",          price: "$65",          variant: "50ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=3"},
         {
-          id: "4",
-          name: "Revitalizing Toner",
-          price: "$38",
-          variant: "200ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=4",
-        },
+          id: "4",          name: "Revitalizing Toner",          price: "$38",          variant: "200ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=4"},
         {
-          id: "5",
-          name: "Calming Eye Balm",
-          price: "$52",
-          variant: "15ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=5",
-        },
+          id: "5",          name: "Calming Eye Balm",          price: "$52",          variant: "15ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=5"},
         {
-          id: "6",
-          name: "Overnight Mask",
-          price: "$72",
-          variant: "50ml",
-          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=6",
-        },
+          id: "6",          name: "Overnight Mask",          price: "$72",          variant: "50ml",          imageSrc: "http://img.b2bpic.net/free-photo/dropper-black-friday_187299-46542.jpg?_wi=6"},
       ]}
       title="Our Signature Collection"
       description="Formulated for radiance, texture, and lasting hydration."
@@ -134,53 +90,28 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSixteen
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Life changing",
-          quote: "My skin has never felt this hydrated. The serum is a daily staple.",
-          name: "Elena R.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg",
-        },
-        {
-          id: "2",
-          title: "Truly clean",
-          quote: "I appreciate the transparency and the gentle nature of these products.",
-          name: "Mark S.",
-          role: "Educator",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-seaside_23-2149412668.jpg",
-        },
-        {
-          id: "3",
-          title: "Luminous results",
-          quote: "The glow is real! My complexion looks brighter and more balanced.",
-          name: "Sarah W.",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830349.jpg",
-        },
-        {
-          id: "4",
-          title: "Minimalist joy",
-          quote: "Simple, effective, and beautiful packaging. Absolutely perfect.",
-          name: "David K.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette_1122-593.jpg",
-        },
-        {
-          id: "5",
-          title: "Unmatched quality",
-          quote: "Worth every cent. I've seen actual improvement in my texture.",
-          name: "Julia M.",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390903.jpg",
-        },
-      ]}
       title="Loved by Your Skin"
       description="Join our community of thousands who have embraced their most natural, radiant selves."
+      kpiItems={[
+        { value: "50k+", label: "Happy Clients" },
+        { value: "4.9/5", label: "Average Rating" },
+        { value: "100%", label: "Natural Ingredients" }
+      ]}
+      testimonials={[
+        {
+          id: "1",          name: "Elena R.",          role: "Designer",          company: "Studio L",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"},
+        {
+          id: "2",          name: "Mark S.",          role: "Educator",          company: "Academy",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-seaside_23-2149412668.jpg"},
+        {
+          id: "3",          name: "Sarah W.",          role: "Architect",          company: "Design Co",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830349.jpg"},
+      ]}
     />
   </div>
 
@@ -188,8 +119,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Newsletter"
       title="Join the Lumina Collective"
       description="Sign up for 15% off your first order and exclusive skincare guides."
@@ -197,58 +127,31 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Sustainability",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Sustainability" },
+            { label: "Careers" },
           ],
         },
         {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
+          title: "Support",          items: [
+            { label: "Contact", href: "#contact" },
+            { label: "FAQ" },
+            { label: "Shipping" },
           ],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy" },
+            { label: "Terms" },
           ],
         },
       ]}
-      logoText="Lumina Skincare"
-      copyrightText="© 2025 Lumina Skincare. All rights reserved."
+      bottomLeftText="Lumina Skincare"
+      bottomRightText="© 2025 Lumina Skincare. All rights reserved."
     />
   </div>
       </ReactLenis>
-- 
2.49.1