diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18faae7..225cf58 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -195,44 +195,39 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Consultation"
-      title="Need Precision Engineering Solutions?"
-      description="Partner with a workshop trusted for quality engineering and industrial-grade manufacturing."
+      <ContactCTA
+      tag="Contact Us"
+      title="Get a Tailored Engineering Quote"
+      description="Let's discuss your industrial requirements. Our team is ready to provide expert engineering solutions."
+      buttons={[
+        {
+          text: "Contact Sales",          href: "#contact"},
+      ]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterBaseCard
       logoText="Reco Engineering Co Ltd"
       columns={[
         {
           title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Projects",              href: "#projects"},
+            { label: "About Us", href: "#about" },
+            { label: "Services", href: "#services" },
+            { label: "Projects", href: "#projects" },
           ],
         },
         {
           title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "FAQ",              href: "#"},
+            { label: "Contact", href: "#contact" },
+            { label: "FAQ", href: "#" },
           ],
         },
         {
           title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
+            { label: "Privacy Policy", href: "#" },
+            { label: "Terms of Service", href: "#" },
           ],
         },
       ]}