diff --git a/src/app/page.tsx b/src/app/page.tsx
index 28c8866..e83c5c1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -172,7 +172,11 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Answers to common inquiries about our creative services and process."
+      faqsAnimation="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
         {
@@ -182,13 +186,11 @@ export default function LandingPage() {
         {
           id: "q3",          title: "How do we get started?",          content: "Book a discovery call through our contact section and we'll schedule an initial consultation."},
       ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
       tag="Elevate Your Brand"
       title="Ready to Start?"
       description="Let's create something extraordinary together."
@@ -198,39 +200,29 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBase
       logoText="AUREX STUDIO"
       columns={[
         {
           title: "Services",          items: [
-            {
-              label: "Brand Identity",              href: "#"},
-            {
-              label: "Logo Design",              href: "#"},
-            {
-              label: "Web Design",              href: "#"},
-            {
-              label: "Social Media",              href: "#"},
+            { label: "Brand Identity", href: "#" },
+            { label: "Logo Design", href: "#" },
+            { label: "Web Design", href: "#" },
+            { label: "Social Media", href: "#" },
           ],
         },
         {
           title: "Company",          items: [
-            {
-              label: "About Us",              href: "#"},
-            {
-              label: "Our Process",              href: "#"},
-            {
-              label: "Case Studies",              href: "#"},
-            {
-              label: "Contact",              href: "#"},
+            { label: "About Us", href: "#" },
+            { label: "Our Process", href: "#" },
+            { label: "Case Studies", href: "#" },
+            { label: "Contact", href: "#" },
           ],
         },
         {
           title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}