diff --git a/src/app/page.tsx b/src/app/page.tsx
index e1ecc25..57f3d48 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 ContactText from '@/components/sections/contact/ContactText';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -64,7 +64,7 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Proven Design Methodology"
-      description="We blend user-centric research with aesthetic excellence. Our process is designed to bridge the gap between business goals and user satisfaction."
+      description={["We blend user-centric research with aesthetic excellence. Our process is designed to bridge the gap between business goals and user satisfaction."]}
       metrics={[
         { value: "150+", title: "Projects Launched" },
         { value: "98%", title: "Conversion Rate Lift" },
@@ -73,7 +73,6 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg"
       imageAlt="Our creative workspace"
       mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
@@ -160,22 +159,26 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "sparkles-gradient" }}
-      text="Ready to transform your digital experience? Let's discuss your project goals."
+      <ContactCTA
+      tag="Get in touch"
+      title="Ready to transform your digital experience?"
+      description="Let's discuss your project goals and build something amazing together."
       buttons={[{ text: "Contact Us", href: "mailto:hello@designstudio.com" }]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterMedia
       logoText="DesignStudio"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      columns={[
+          { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#work" }] },
+          { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440917.jpg"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}