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 FooterCard from '@/components/sections/footer/FooterCard';
-import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import Link from 'next/link';
 
@@ -36,25 +35,14 @@ export default function ContactPage() {
           />
         </div>
 
-        <div id="contact-section" data-section="contact-section">
-          <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "animated-grid" }}
+        <div id="contact" data-section="contact">
+          <ContactCTA
             tag="Contact Us"
             title="Ready for a professional touch?"
             description="Reach out via our form or WhatsApp to book your service today."
-          />
-        </div>
-
-        <div id="legal" data-section="legal">
-          <LegalSection
-            layout="section"
-            title="Privacy Policy"
-            sections={[
-              {
-                heading: "Data Usage",                content: { type: "paragraph", text: "We respect your privacy." }
-              }
-            ]}
+            buttons={[{ text: "Get in touch", href: "#" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>