src/app/contact/page.tsx

@@ -2,9 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import LegalSection from '@/components/legal/LegalSection';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import Link from 'next/link';
 
@@ -27,9 +26,7 @@ export default function ContactPage() {
             <NavbarStyleFullscreen
               navItems={[
                 { name: "Home", id: "/" },
-                { name: "Treatments", id: "/treatments" },
                 { name: "About", id: "/about" },
-                { name: "Testimonials", id: "/testimonials" },
                 { name: "Contact", id: "/contact" },
               ]}
               brandName="Luxe Smile"
@@ -37,28 +34,12 @@ export default function ContactPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactCTA
-              useInvertedBackground={false}
-              background={{ variant: "plain" }}
+            <ContactCenter
               tag="Support"
               title="Need assistance?"
               description="Speak with our concierge directly for help."
-              buttons={[{ text: "Call Us", href: "tel:+123456789" }]}
-            />
-        </div>
-
-        <div id="legal" data-section="legal">
-            <LegalSection
-              layout="section"
-              title="Privacy and Terms"
-              sections={[
-                {
-                  heading: "Confidentiality",                  content: { text: "All information shared during consultations is handled with strict medical confidentiality." },
-                },
-                {
-                  heading: "Booking Policy",                  content: { items: ["Cancellations must be made 48 hours in advance.", "Deposit required for major surgical procedures."] },
-                },
-              ]}
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
             />
         </div>