diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3601034..a226639 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBrand from '@/components/sections/footer/FooterBrand';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
@@ -114,7 +114,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqTwoColumn
       tag="FAQ"
       title="Common Questions"
       description="Need more information? Here are answers to commonly asked questions."
@@ -128,7 +128,7 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCenter
-      background="none"
+      background={false}
       useInvertedBackground={false}
       tag="Contact"
       title="Get in Touch"
@@ -140,17 +140,17 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBrand
-      brandName="Kare Accounting Services"
-      tagline="Financial clarity for your future."
-      description="Your trusted partner in accounting and financial success."
-      socialLinks={[]}
+      <FooterSimple
+      brand="Kare Accounting Services"
       copyright="© 2024 Kare Accounting Services. All rights reserved."
-      links={[
-        { label: "About", href: "#about" },
-        { label: "Services", href: "#services" },
-        { label: "Contact", href: "#contact" }
+      columns={[
+        { title: "Navigation", items: [
+           { label: "About", href: "#about" },
+           { label: "Services", href: "#services" },
+           { label: "Contact", href: "#contact" }
+        ]}
       ]}
+      links={[]}
     />
   </div>
       </ReactLenis>