Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
@@ -12,6 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Mail, Facebook, Instagram, Twitter, Linkedin } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Products",
-          id: "products",
-        },
+          name: "Products",          id: "products"},
         {
-          name: "FAQ",
-          id: "faq",
-        },
+          name: "FAQ",          id: "faq"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="LuxeCommerce"
     />
@@ -55,77 +48,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Refined Elegance, Delivered Daily."
       description="Discover curated collections designed for the modern lifestyle. Quality craftsmanship meets contemporary design."
       kpis={[
         {
-          value: "10K+",
-          label: "Happy Clients",
-        },
+          value: "10K+",          label: "Happy Clients"},
         {
-          value: "200+",
-          label: "Unique Items",
-        },
+          value: "200+",          label: "Unique Items"},
         {
-          value: "5.0",
-          label: "Avg Rating",
-        },
+          value: "5.0",          label: "Avg Rating"},
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Shop Collections",
-          href: "#products",
-        },
+          text: "Shop Collections",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/bunch-black-friday-gifts-golden-shopping-cart-with-copy-space_23-2148667040.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg",
-          alt: "Happy customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg",          alt: "Happy customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-shopping-cart-arrangement-copy-space_23-2148663144.jpg",
-          alt: "Satisfied client",
-        },
+          src: "http://img.b2bpic.net/free-photo/top-view-shopping-cart-arrangement-copy-space_23-2148663144.jpg",          alt: "Satisfied client"},
         {
-          src: "http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg",
-          alt: "Loyal shopper",
-        },
+          src: "http://img.b2bpic.net/free-photo/corridor-mall-unfocused_1203-1301.jpg",          alt: "Loyal shopper"},
         {
-          src: "http://img.b2bpic.net/free-photo/minimalist-black-friday-composition-black-background_23-2148666983.jpg",
-          alt: "Brand fan",
-        },
+          src: "http://img.b2bpic.net/free-photo/minimalist-black-friday-composition-black-background_23-2148666983.jpg",          alt: "Brand fan"},
         {
-          src: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697733.jpg",
-          alt: "Design enthusiast",
-        },
+          src: "http://img.b2bpic.net/free-photo/people-building-their-own-dried-arrangement_23-2149697733.jpg",          alt: "Design enthusiast"},
       ]}
       avatarText="Join our community of 10,000+ satisfied customers."
       marqueeItems={[
         {
-          type: "text",
-          text: "Ethically Sourced",
-        },
+          type: "text",          text: "Ethically Sourced"},
         {
-          type: "text",
-          text: "Premium Quality",
-        },
+          type: "text",          text: "Premium Quality"},
         {
-          type: "text",
-          text: "Global Shipping",
-        },
+          type: "text",          text: "Global Shipping"},
         {
-          type: "text",
-          text: "Lifetime Warranty",
-        },
+          type: "text",          text: "Lifetime Warranty"},
         {
-          type: "text",
-          text: "Artisan Crafted",
-        },
+          type: "text",          text: "Artisan Crafted"},
       ]}
     />
   </div>
@@ -142,52 +106,22 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
+      textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Classic Wool Throw",
-          price: "$129",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg",
-        },
+          id: "p1",          name: "Classic Wool Throw",          price: "$129",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg"},
         {
-          id: "p2",
-          name: "Ceramic Vase",
-          price: "$89",
-          variant: "Artisan",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-wall-surface-with-tree-shadow_23-2148107066.jpg",
-        },
+          id: "p2",          name: "Ceramic Vase",          price: "$89",          variant: "Artisan",          imageSrc: "http://img.b2bpic.net/free-photo/urban-wall-surface-with-tree-shadow_23-2148107066.jpg"},
         {
-          id: "p3",
-          name: "Scented Soy Candle",
-          price: "$45",
-          variant: "Natural",
-          imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-brown-feather-surface-against-blurred-backdrop_23-2148114612.jpg",
-        },
+          id: "p3",          name: "Scented Soy Candle",          price: "$45",          variant: "Natural",          imageSrc: "http://img.b2bpic.net/free-photo/water-droplets-brown-feather-surface-against-blurred-backdrop_23-2148114612.jpg"},
         {
-          id: "p4",
-          name: "Minimalist Table Lamp",
-          price: "$249",
-          variant: "Modern",
-          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg",
-        },
+          id: "p4",          name: "Minimalist Table Lamp",          price: "$249",          variant: "Modern",          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-indian-woman-wear-formal-posing-cafe_627829-4625.jpg"},
         {
-          id: "p5",
-          name: "Cotton Bed Linen",
-          price: "$199",
-          variant: "Soft",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg",
-        },
+          id: "p5",          name: "Cotton Bed Linen",          price: "$199",          variant: "Soft",          imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600201.jpg"},
         {
-          id: "p6",
-          name: "Leather Journal",
-          price: "$65",
-          variant: "Crafted",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg",
-        },
+          id: "p6",          name: "Leather Journal",          price: "$65",          variant: "Crafted",          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg"},
       ]}
       title="Our Latest Arrivals"
       description="Explore our handpicked range of essentials."
@@ -199,14 +133,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Luxe Home",
-        "Urban Living",
-        "Modern Decor",
-        "Style Daily",
-        "Artisan Club",
-        "Design House",
-        "Classic Living",
-      ]}
+        "Luxe Home",        "Urban Living",        "Modern Decor",        "Style Daily",        "Artisan Club",        "Design House",        "Classic Living"]}
       title="Trusted by Leaders"
       description="Our products are curated for discerning customers worldwide."
     />
@@ -219,45 +146,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Exquisite quality, timely delivery. Simply the best choice for home decor.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-woman-denim-jacket-white-pants-blowing-kiss-outside-brunette-woman-with-red-lips-with-handbag-posing-outdoors_197531-19347.jpg",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Exquisite quality, timely delivery. Simply the best choice for home decor.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/wonderful-woman-denim-jacket-white-pants-blowing-kiss-outside-brunette-woman-with-red-lips-with-handbag-posing-outdoors_197531-19347.jpg"},
         {
-          id: "2",
-          name: "Michael C.",
-          handle: "@mchen",
-          testimonial: "Everything I bought exceeded my expectations. I am a lifelong fan now.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-female-model-puts-earphones-enjoys-perfect-song-favourite-music-connected-modern-cell-phone-sits-table-with-cup-coffee-against-cafe-interior-people-rest-concept_273609-2297.jpg",
-        },
+          id: "2",          name: "Michael C.",          handle: "@mchen",          testimonial: "Everything I bought exceeded my expectations. I am a lifelong fan now.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-female-model-puts-earphones-enjoys-perfect-song-favourite-music-connected-modern-cell-phone-sits-table-with-cup-coffee-against-cafe-interior-people-rest-concept_273609-2297.jpg"},
         {
-          id: "3",
-          name: "Emily R.",
-          handle: "@emr",
-          testimonial: "Such attention to detail! The items look even better in person.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg",
-        },
+          id: "3",          name: "Emily R.",          handle: "@emr",          testimonial: "Such attention to detail! The items look even better in person.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg"},
         {
-          id: "4",
-          name: "David K.",
-          handle: "@dkim",
-          testimonial: "Reliable, stylish, and high quality. Highly recommended for everyone.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair_23-2148565456.jpg",
-        },
+          id: "4",          name: "David K.",          handle: "@dkim",          testimonial: "Reliable, stylish, and high quality. Highly recommended for everyone.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair_23-2148565456.jpg"},
         {
-          id: "5",
-          name: "Alice M.",
-          handle: "@alice",
-          testimonial: "The perfect addition to my living space. Stunning design language.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg",
-        },
+          id: "5",          name: "Alice M.",          handle: "@alice",          testimonial: "The perfect addition to my living space. Stunning design language.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg"},
       ]}
       showRating={true}
       title="Loved by You"
@@ -271,20 +173,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "What is your return policy?",
-          content: "We offer a 30-day hassle-free return policy for all unused items.",
-        },
+          id: "f1",          title: "What is your return policy?",          content: "We offer a 30-day hassle-free return policy for all unused items."},
         {
-          id: "f2",
-          title: "How long is shipping?",
-          content: "Shipping usually takes 3-5 business days within the continental US.",
-        },
+          id: "f2",          title: "How long is shipping?",          content: "Shipping usually takes 3-5 business days within the continental US."},
         {
-          id: "f3",
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to over 50 countries worldwide with calculated rates at checkout.",
-        },
+          id: "f3",          title: "Do you offer international shipping?",          content: "Yes, we ship to over 50 countries worldwide with calculated rates at checkout."},
       ]}
       title="Common Questions"
       description="Answers to everything you need to know about our products and shipping."
@@ -299,82 +192,41 @@ export default function LandingPage() {
       tag="Our Impact"
       metrics={[
         {
-          id: "m1",
-          value: "15k+",
-          description: "Active Subscribers",
-        },
+          id: "m1",          value: "15k+",          description: "Active Subscribers"},
         {
-          id: "m2",
-          value: "99%",
-          description: "Client Satisfaction",
-        },
+          id: "m2",          value: "99%",          description: "Client Satisfaction"},
         {
-          id: "m3",
-          value: "50+",
-          description: "Global Regions",
-        },
+          id: "m3",          value: "50+",          description: "Global Regions"},
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
       useInvertedBackground={true}
       title="Get in Touch"
       description="Have questions? Our support team is always ready to assist you."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
+      tag="Contact"
+      background={{ variant: "plain" }}
+      mediaPosition="right"
+      mediaAnimation="blur-reveal"
       imageSrc="http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Collections",
-              href: "#products",
-            },
-            {
-              label: "New Arrivals",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="LuxeCommerce"
+      socialLinks={[
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}