Update src/app/page.tsx

src/app/page.tsx

@@ -3,17 +3,17 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Building, Calendar, Home, Leaf, Smile, Sparkles } from "lucide-react";
+import { Building, Calendar, Home, Leaf, Smile, Sparkles, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -176,9 +176,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
+      <FaqSplitMedia
       faqs={[
         { id: "f1", title: "Are your cleaners insured?", content: "Yes, all our staff are fully bonded and insured for your peace of mind." },
         { id: "f2", title: "Do you bring your own supplies?", content: "Yes, we bring premium eco-friendly supplies to every job." },
@@ -187,26 +185,35 @@ export default function LandingPage() {
       title="Common Questions"
       description="Here is what you need to know."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/cleaning-products-arrangement-high-angle_23-2148883453.jpg?_wi=1"
+      mediaPosition="right"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactSplit
       title="Ready for a Clean Space?"
-      description="Book your appointment today."
+      description="Book your appointment today. Our team is ready to assist you."
       tag="Contact Us"
+      mediaPosition="left"
+      imageSrc="http://img.b2bpic.net/free-photo/professional-cleaning-service-person-cleaning-office_23-2150520632.jpg"
+      useInvertedBackground={false}
+      background={{ variant: "animated-grid" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
       logoText="BrantCare Cleaners"
-      copyrightText="© 2025 BrantCare Cleaners. All rights reserved."
+      columns={[
+        { items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+        { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}