src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import TextAbout from '@/components/sections/about/TextAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { CheckCircle, Leaf, Truck, Star } from "lucide-react";
+import { CheckCircle, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -119,35 +119,35 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      title="Common Questions"
-      description="We're here to help you furnish your perfect home."
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqBase
+      title="Need Assistance?"
+      description="Find answers to frequently asked questions below or reach out to our team."
       faqs={[
         { id: "1", title: "Do you offer financing?", content: "Yes, we have flexible financing options available for all our customers." },
         { id: "2", title: "Is delivery available?", content: "We provide white-glove delivery service for all local purchases." },
       ]}
       faqsAnimation="slide-up"
+      textboxLayout="split"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactCenter
       tag="Get in Touch"
-      title="Visit Our Showroom Today"
-      description="Let us help you find the perfect piece for your home."
-      background={{ variant: "plain" }}
-      useInvertedBackground={false}
-      buttons={[{ text: "Call Us Now", href: "tel:7709435108" }]}
+      title="Let's Furnish Your Dream Home"
+      description="Have questions about our inventory or custom orders? Drop us a message, and our family team will get back to you shortly."
+      background={{ variant: "sparkles-gradient" }}
+      buttonText="Send Inquiry"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="Bolton Furniture"
-      leftLink={{ text: "Privacy Policy" }}
-      rightLink={{ text: "Contact Us" }}
+      columns={[
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Privacy Policy", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
+      ]}
     />
   </div>
       </ReactLenis>