From b68d81983008b8562c8218849ab12f2a8f5e7cba Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 17:01:17 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 44 +++++++++++++---------------------------
 1 file changed, 14 insertions(+), 30 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 8418422..fb32761 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,8 +1,6 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
@@ -20,38 +18,24 @@ export default function ContactPage() {
         secondaryButtonStyle="glass"
         headingFontWeight="extrabold"
     >
-      <ReactLenis root>
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Treatments", id: "/" },
-            { name: "About", id: "/" },
-            { name: "Testimonials", id: "/" },
-            { name: "Contact", id: "/contact" },
-          ]}
+          navItems={[{ name: "Treatments", id: "/treatments" }, { name: "About", id: "/bio" }, { name: "Contact", id: "/contact" }]}
           brandName="Forsyth Spinal"
           button={{ text: "Book Now", href: "/contact" }}
         />
-        
-        <div className="pt-32 pb-16">
-          <ContactCenter
-            tag="Secure Messaging"
-            title="HIPAA-Compliant Contact"
-            description="Your health information is secure. Use the form below for confidential communication with our clinical team."
-            background={{ variant: "canvas-reveal" }}
-            buttonText="Send Secure Message"
+      </div>
+      <div id="contact" data-section="contact">
+          <ContactText
+            text="HIPAA-Compliant Contact"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
-        </div>
-
-        <FooterBaseCard
-          logoText="Forsyth Spinal"
-          columns={[
-            { title: "Navigation", items: [{ label: "Treatments", href: "/" }, { label: "About", href: "/about" }, { label: "Testimonials", href: "/" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
-            { title: "Contact", items: [{ label: "Call Us", href: "tel:7708889265" }, { label: "Visit Us", href: "/contact" }] }
-          ]}
-          copyrightText="© 2025 Forsyth Spinal Rehabilitation"
-        />
-      </ReactLenis>
+      </div>
+      <FooterBaseCard
+        logoText="Forsyth Spinal"
+        columns={[{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }]}
+      />
     </ThemeProvider>
   );
 }
\ No newline at end of file