Switch to version 1: modified src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
   return (
@@ -29,11 +29,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Shop",          id: "#products"},
+          name: "Shop",
+          id: "#products",
+        },
         {
-          name: "Benefits",          id: "#features"},
+          name: "Benefits",
+          id: "#features",
+        },
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonials",
+          id: "#testimonials",
+        },
       ]}
       brandName="LUXE"
     />
@@ -45,7 +51,9 @@ export default function LandingPage() {
       description="Elevate your everyday with curated essentials designed for the modern connoisseur."
       buttons={[
         {
-          text: "Shop Now",          href: "#products"},
+          text: "Shop Now",
+          href: "#products",
+        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg"
     />
@@ -59,17 +67,47 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",          name: "Chronos Classic",          price: "$499",          variant: "Midnight",          imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-paint-brush-makeup_1232-2065.jpg"},
+          id: "1",
+          name: "Chronos Classic",
+          price: "$499",
+          variant: "Midnight",
+          imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-paint-brush-makeup_1232-2065.jpg",
+        },
         {
-          id: "2",          name: "Essence Mist",          price: "$129",          variant: "Limited",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg"},
+          id: "2",
+          name: "Essence Mist",
+          price: "$129",
+          variant: "Limited",
+          imageSrc: "http://img.b2bpic.net/free-photo/black-white-beauty-product_23-2151307262.jpg",
+        },
         {
-          id: "3",          name: "Aura Satchel",          price: "$899",          variant: "Noir",          imageSrc: "http://img.b2bpic.net/free-photo/creative-black-friday-composition-black-background_23-2148666964.jpg"},
+          id: "3",
+          name: "Aura Satchel",
+          price: "$899",
+          variant: "Noir",
+          imageSrc: "http://img.b2bpic.net/free-photo/creative-black-friday-composition-black-background_23-2148666964.jpg",
+        },
         {
-          id: "4",          name: "Sonic Elite",          price: "$349",          variant: "Matte",          imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones-cables-with-copy-space_23-2148785724.jpg"},
+          id: "4",
+          name: "Sonic Elite",
+          price: "$349",
+          variant: "Matte",
+          imageSrc: "http://img.b2bpic.net/free-photo/music-arrangement-with-black-headphones-cables-with-copy-space_23-2148785724.jpg",
+        },
         {
-          id: "5",          name: "Silk Ribbon",          price: "$199",          variant: "Azure",          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg"},
+          id: "5",
+          name: "Silk Ribbon",
+          price: "$199",
+          variant: "Azure",
+          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg",
+        },
         {
-          id: "6",          name: "Vogue Shades",          price: "$299",          variant: "Classic",          imageSrc: "http://img.b2bpic.net/free-photo/spectacular-young-woman-white-blouse-posing-street-amazing-brunette-girl-sunglasses-standing-city-background_197531-26313.jpg"},
+          id: "6",
+          name: "Vogue Shades",
+          price: "$299",
+          variant: "Classic",
+          imageSrc: "http://img.b2bpic.net/free-photo/spectacular-young-woman-white-blouse-posing-street-amazing-brunette-girl-sunglasses-standing-city-background_197531-26313.jpg",
+        },
       ]}
       title="Curated Selection"
       description="Discover pieces that define your style."
@@ -83,17 +121,29 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",          title: "Premium Quality",          tags: [
+          id: "f1",
-            "Handcrafted"],
+          title: "Premium Quality",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg"},
+          tags: [
+            "Handcrafted",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-reception-drinking-coffee_1303-22682.jpg",
+        },
         {
-          id: "f2",          title: "White Glove Service",          tags: [
+          id: "f2",
-            "Support"],
+          title: "White Glove Service",
-          imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg"},
+          tags: [
+            "Support",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367144.jpg",
+        },
         {
-          id: "f3",          title: "VIP Access",          tags: [
+          id: "f3",
-            "Exclusive"],
+          title: "VIP Access",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg"},
+          tags: [
+            "Exclusive",
+          ],
+          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg",
+        },
       ]}
       title="Why Choose Us"
       description="Excellence in every detail."
@@ -101,21 +151,50 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardTen
-      textboxLayout="split"
+      textboxLayout="default"
       useInvertedBackground={false}
-      gridVariant="asymmetric-60-wide-40-narrow"
-      animationType="slide-up"
       testimonials={[
         {
-          id: "1",          name: "Alex R.",          role: "Collector",          company: "LUXE User",          rating: 5,
+          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg"},
+          title: "Exceptional",
+          quote: "The quality is simply unmatched.",
+          name: "Alex R.",
+          role: "Collector",
+          imageSrc: "http://img.b2bpic.net/free-photo/girl-stairs_1157-8771.jpg",
+        },
         {
-          id: "2",          name: "Sarah J.",          role: "Stylist",          company: "LUXE User",          rating: 5,
+          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-womanon-couch-with-mobile_23-2148415930.jpg"},
+          title: "Sophisticated",
+          quote: "Finally, a brand that gets it.",
+          name: "Sarah J.",
+          role: "Stylist",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-womanon-couch-with-mobile_23-2148415930.jpg",
+        },
         {
-          id: "3",          name: "Michael K.",          role: "Designer",          company: "LUXE User",          rating: 5,
+          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
+          title: "Top Tier",
+          quote: "The experience was seamless and premium.",
+          name: "Michael K.",
+          role: "Designer",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",
+        },
+        {
+          id: "4",
+          title: "Beautiful",
+          quote: "Every piece is a work of art.",
+          name: "Elena M.",
+          role: "Curator",
+          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-african-boy-playing-with-his-hat-enthusiastic-black-man-sitting-stairs-confident-pose_197531-22078.jpg",
+        },
+        {
+          id: "5",
+          title: "Worth It",
+          quote: "Obsessed with every detail.",
+          name: "Jordan P.",
+          role: "Architect",
+          imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
+        },
       ]}
       title="Voices of LUXE"
       description="Join our community of satisfied enthusiasts."
@@ -123,22 +202,51 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
       useInvertedBackground={false}
+      background={{
+        variant: "sparkles-gradient",
+      }}
       tag="Newsletter"
       title="Stay Connected"
       description="Sign up for exclusive drops and private events."
-      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-black-dress-with-evening-makeup-colorful-lips-red-shawl_158538-10939.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
+      columns={[
+        {
+          title: "Shop",
+          items: [
+            {
+              label: "All Products",
+              href: "#products",
+            },
+            {
+              label: "New Arrivals",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Support",
+          items: [
+            {
+              label: "Contact Us",
+              href: "#",
+            },
+            {
+              label: "Shipping",
+              href: "#",
+            },
+          ],
+        },
+      ]}
       logoText="LUXE"
-      copyrightText="© 2025 | LUXE Collective"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}