diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4be7253..a34a46f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,9 +2,8 @@
 
 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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import LegalSection from '@/components/legal/LegalSection';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function ContactPage() {
@@ -34,24 +33,14 @@ export default function ContactPage() {
           />
         </div>
 
-        <div id="contact-form" data-section="contact-form">
-          <ContactCenter
+        <div id="contact" data-section="contact">
+          <ContactCTA
             useInvertedBackground={true}
             background={{ variant: "plain" }}
             tag="Let's Talk"
             title="Reach Out to Us"
             description="Have questions about our beans or wholesale opportunities? Drop us a line."
-          />
-        </div>
-
-        <div id="legal" data-section="legal">
-          <LegalSection
-            layout="section"
-            title="Privacy Information"
-            sections={[
-              { heading: "Data Policy", content: { type: "paragraph", text: "We value your privacy and keep your details secure." } },
-              { heading: "Terms", content: { type: "paragraph", text: "By using our site, you agree to our terms of service." } }
-            ]}
+            buttons={[{ text: "Contact Support", href: "mailto:support@brewcraft.com" }]}
           />
         </div>