Update src/app/page.tsx

src/app/page.tsx

@@ -2,8 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import { Phone } from "lucide-react";
-import FooterCard from '@/components/sections/footer/FooterCard';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -29,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Shop", id: "products" },
-        },
+        { name: "Pricing", id: "pricing" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="LuxeLocks"
     />
@@ -56,20 +42,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboardSplit
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       logoText="LuxeLocks"
       description="Premium hand-crafted hair extensions for the modern, elegant woman. Elevate your natural beauty with our exclusive golden collections."
       buttons={[
-        {
+        { text: "Shop Collections", href: "#products" },
-          text: "Shop Collections",
+        { text: "Learn More", href: "#about" },
-          href: "#products",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
       ]}
       layoutOrder="default"
       imageSrc="http://img.b2bpic.net/free-photo/brightful-party-time-charming-young-woman-black-luxury-dress-long-curly-blonde-hair-with-golden-tinsels-big-balloons-party-time-fashionable-model-cheerful-mood_197531-8497.jpg"
@@ -81,21 +59,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
+        { type: "text", content: "The Gold Standard of Beauty" },
-          type: "text",
+        { type: "image", src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", alt: "About LuxeLocks" },
-          content: "The Gold Standard of Beauty",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
-          alt: "About LuxeLocks",
-        },
       ]}
       buttons={[
-        {
+        { text: "Book Consult", href: "#contact" },
-          text: "Book Consult",
-          href: "#contact",
-        },
       ]}
     />
   </div>
@@ -107,48 +75,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Silky Straight Bundle", price: "$150", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-clothes-isolated-white-background_158538-2975.jpg" },
-          id: "p1",
+        { id: "p2", name: "Deep Wave Set", price: "$175", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-club_23-2148144149.jpg" },
-          name: "Silky Straight Bundle",
+        { id: "p3", name: "Blonde Balayage Set", price: "$210", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-portrait-slender-blonde-with-long-chic-hair-light-blue-dress-corduroy-shirt_343596-3368.jpg" },
-          price: "$150",
+        { id: "p4", name: "Noir Straight Set", price: "$160", variant: "18 inch", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-dandruff-copy-space_23-2149311416.jpg" },
-          variant: "18 inch",
+        { id: "p5", name: "Body Wave Bundle", price: "$190", variant: "20 inch", imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-145487.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-caucasian-smiling-brunette-woman-model-bright-pink-summer-stylish-clothes-isolated-white-background_158538-2975.jpg",
+        { id: "p6", name: "Honey Blonde Wave", price: "$220", variant: "22 inch", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420655.jpg" },
-        },
-        {
-          id: "p2",
-          name: "Deep Wave Set",
-          price: "$175",
-          variant: "20 inch",
-          imageSrc: "http://img.b2bpic.net/free-photo/gymnast-making-positions-with-club_23-2148144149.jpg",
-        },
-        {
-          id: "p3",
-          name: "Blonde Balayage Set",
-          price: "$210",
-          variant: "22 inch",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-portrait-slender-blonde-with-long-chic-hair-light-blue-dress-corduroy-shirt_343596-3368.jpg",
-        },
-        {
-          id: "p4",
-          name: "Noir Straight Set",
-          price: "$160",
-          variant: "18 inch",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-dandruff-copy-space_23-2149311416.jpg",
-        },
-        {
-          id: "p5",
-          name: "Body Wave Bundle",
-          price: "$190",
-          variant: "20 inch",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-ti-leaf-textured-background_53876-145487.jpg",
-        },
-        {
-          id: "p6",
-          name: "Honey Blonde Wave",
-          price: "$220",
-          variant: "22 inch",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420655.jpg",
-        },
       ]}
       title="Exclusive Collections"
       description="Discover our premium hair extension sets, designed for durability, style, and a natural feel."
@@ -162,57 +94,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic", tag: "Essentials", price: "$250", period: "/session", description: "Quick install for daily wear.",          button: { text: "Select", href: "#contact" },
-          tag: "Essentials",
+          featuresTitle: "Included:", features: ["Consultation", "Install", "Style"]
-          price: "$250",
-          period: "/session",
-          description: "Quick install for daily wear.",
-          button: {
-            text: "Select",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Consultation",
-            "Install",
-            "Style",
-          ],
         },
         {
-          id: "pro",
+          id: "pro", tag: "Popular", price: "$450", period: "/session", description: "Full volume upgrade package.",          button: { text: "Select", href: "#contact" },
-          tag: "Popular",
+          featuresTitle: "Included:", features: ["Full Install", "Cut & Blend", "Deep Condition", "Maintenance Kit"]
-          price: "$450",
-          period: "/session",
-          description: "Full volume upgrade package.",
-          button: {
-            text: "Select",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Full Install",
-            "Cut & Blend",
-            "Deep Condition",
-            "Maintenance Kit",
-          ],
         },
         {
-          id: "premium",
+          id: "premium", tag: "VIP", price: "$600", period: "/session", description: "Luxury end-to-end service.",          button: { text: "Select", href: "#contact" },
-          tag: "VIP",
+          featuresTitle: "Included:", features: ["Custom Color Match", "Full Install", "Professional Cut", "3-Month Warranty"]
-          price: "$600",
-          period: "/session",
-          description: "Luxury end-to-end service.",
-          button: {
-            text: "Select",
-            href: "#contact",
-          },
-          featuresTitle: "Included:",
-          features: [
-            "Custom Color Match",
-            "Full Install",
-            "Professional Cut",
-            "3-Month Warranty",
-          ],
         },
       ]}
       title="Flexible Luxury"
@@ -227,46 +118,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah J.", role: "Fashion Model", company: "Global Agency", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
-          id: "1",
+        { id: "2", name: "Elena M.", role: "Entrepreneur", company: "BoutiqueCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-girl-with-long-hair-light-clothes-posing-studio_613910-7608.jpg" },
-          name: "Sarah J.",
+        { id: "3", name: "Chloe R.", role: "Creative", company: "DesignLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg" },
-          role: "Fashion Model",
+        { id: "4", name: "Mia L.", role: "Marketing", company: "BrandFocus", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/caucasian-laughing-lady-making-selfie-with-friend-good-weekend-morning-refined-girl-with-long-hairstyle-having-fun-with-cute-sister_197531-21480.jpg" },
-          company: "Global Agency",
+        { id: "5", name: "Rachel K.", role: "Stylist", company: "VogueStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-elegant-woman_158595-764.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
-        },
-        {
-          id: "2",
-          name: "Elena M.",
-          role: "Entrepreneur",
-          company: "BoutiqueCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-girl-with-long-hair-light-clothes-posing-studio_613910-7608.jpg",
-        },
-        {
-          id: "3",
-          name: "Chloe R.",
-          role: "Creative",
-          company: "DesignLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-waiting-hair-coloring_23-2147769779.jpg",
-        },
-        {
-          id: "4",
-          name: "Mia L.",
-          role: "Marketing",
-          company: "BrandFocus",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-laughing-lady-making-selfie-with-friend-good-weekend-morning-refined-girl-with-long-hairstyle-having-fun-with-cute-sister_197531-21480.jpg",
-        },
-        {
-          id: "5",
-          name: "Rachel K.",
-          role: "Stylist",
-          company: "VogueStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-elegant-woman_158595-764.jpg",
-        },
       ]}
       title="Loved by Our Clients"
       description="Authentic experiences from women who transformed their style with LuxeLocks."
@@ -274,25 +130,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactFaq
+      ctaTitle="Ready for Your Transformation?"
+      ctaDescription="Reach out to our expert team for personalized consultations or product advice."
+      ctaButton={{ text: "Book Now", href: "#contact" }}
+      ctaIcon={Phone}
+      animationType="blur-reveal"
       useInvertedBackground={false}
-      background={{
+      faqs={[
-        variant: "plain",
+        { id: "q1", title: "Do you offer international shipping?", content: "Yes, we ship globally with express options available." },
-      }}
+        { id: "q2", title: "How do I maintain my extensions?", content: "We provide a full care guide and premium maintenance kits with every order." }
-      tag="Get In Touch"
-      title="Ready for Your Transformation?"
-      description="Reach out for consultations or personalized product recommendations."
-      buttons={[
-        {
-          text: "Send Message",
-          href: "mailto:hello@luxelocks.com",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
+      columns={[
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
+        { title: "Services", items: [{ label: "Installations", href: "#pricing" }, { label: "Consultations", href: "#contact" }] }
+      ]}
       logoText="LuxeLocks"
       copyrightText="© 2025 LuxeLocks Hair Extensions."
     />
@@ -300,4 +157,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}