diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8e518da..79135a4 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
@@ -32,11 +32,12 @@ export default function ContactPage() {
           brandName="JE Metal Works"
         />
         <div className="pt-32 pb-20">
-            <ContactCTA 
+            <ContactCenter 
                 title="Get in Touch"
                 description="Ready to start your custom metal fabrication project? Reach out to our team today for a consultation."
                 tag="Communication"
-                buttons={[{ text: "Email Us" }, { text: "Call Now" }]}
+                background={{ variant: "plain" }}
+                useInvertedBackground={false}
                 className="py-20"
             />
         </div>