diff --git a/src/app/appointment/page.tsx b/src/app/appointment/page.tsx
index 60a1833..0f2dc65 100644
--- a/src/app/appointment/page.tsx
+++ b/src/app/appointment/page.tsx
@@ -1,36 +1,29 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function AppointmentPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Patient Forms", id: "/patient-intake" },
-            { name: "Appointment", id: "/appointment" },
-          ]}
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "Patient Forms", id: "/patient-intake" }, { name: "Appointment", id: "/appointment" }]}
           brandName="Forsyth Spinal"
-      />
-      <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
-        <h1 className="text-4xl font-bold mb-8">Request an Appointment</h1>
-        <p className="text-lg mb-6">Select your preferred date and time for your consultation. Our team will review your request and confirm shortly.</p>
-        <ContactCenter
-            tag="Schedule Now"
-            title="Scheduling Interface"
-            description="Provide your preferred appointment details below."
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactText
+            text="Request an Appointment"
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <FooterBaseCard
         logoText="Forsyth Spinal"
-        columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Patient Forms", href: "/patient-intake" }, { label: "Appointment", href: "/appointment" }] }
-        ]}
+        columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Patient Forms", href: "/patient-intake" }, { label: "Appointment", href: "/appointment" }] }]}
       />
     </ThemeProvider>
   );
diff --git a/src/app/bio/page.tsx b/src/app/bio/page.tsx
index 32dcc7e..fd9ec8b 100644
--- a/src/app/bio/page.tsx
+++ b/src/app/bio/page.tsx
@@ -6,17 +6,21 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function BioPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[{name: "Treatments", id: "/treatments"}, {name: "Insurance", id: "/insurance"}, {name: "Bio", id: "/bio"}]}
           brandName="Forsyth Spinal"
           button={{ text: "Book Now", href: "/contact" }}
         />
+      </div>
+      <div id="about" data-section="about">
         <InlineImageSplitTextAbout
             heading={[{ type: "text", content: "Meet Dr. Shawn Seaney" }]}
             useInvertedBackground={false}
         />
-        <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
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
diff --git a/src/app/insurance/page.tsx b/src/app/insurance/page.tsx
index 1669be1..4ea9922 100644
--- a/src/app/insurance/page.tsx
+++ b/src/app/insurance/page.tsx
@@ -6,25 +6,28 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function InsurancePage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[{name: "Treatments", id: "/treatments"}, {name: "Insurance", id: "/insurance"}, {name: "Bio", id: "/bio"}]}
           brandName="Forsyth Spinal"
           button={{ text: "Book Now", href: "/contact" }}
         />
+      </div>
+      <div id="treatments" data-section="treatments">
         <FeatureCardMedia 
             title="Insurance Accepted"
             description="We strive to make quality spinal care accessible. We accept major health insurance providers."
             features={[
-                { id: "i1", title: "BlueCross BlueShield", description: "In-network provider for most plans.", tag: "Covered", imageSrc: "" },
-                { id: "i2", title: "United Healthcare", description: "Accepted for most chiropractic services.", tag: "Covered", imageSrc: "" },
-                { id: "i3", title: "Aetna & Cigna", description: "Broad coverage for rehabilitation sessions.", tag: "Covered", imageSrc: "" },
-                { id: "i4", title: "Medicare", description: "Available for specific spinal conditions.", tag: "Covered", imageSrc: "" }
+                { id: "i1", title: "BlueCross BlueShield", description: "In-network provider for most plans.", tag: "Covered" },
+                { id: "i2", title: "United Healthcare", description: "Accepted for most chiropractic services.", tag: "Covered" }
             ]}
             animationType="opacity"
             textboxLayout="default"
+            useInvertedBackground={false}
         />
-        <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/patient-intake/page.tsx b/src/app/patient-intake/page.tsx
index c590828..e6263a5 100644
--- a/src/app/patient-intake/page.tsx
+++ b/src/app/patient-intake/page.tsx
@@ -1,36 +1,29 @@
 "use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function PatientIntakePage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Patient Forms", id: "/patient-intake" },
-            { name: "Appointment", id: "/appointment" },
-          ]}
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Home", id: "/" }, { name: "Patient Forms", id: "/patient-intake" }, { name: "Appointment", id: "/appointment" }]}
           brandName="Forsyth Spinal"
-      />
-      <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
-        <h1 className="text-4xl font-bold mb-8">Patient Intake Form</h1>
-        <p className="text-lg mb-6">Please complete our comprehensive patient information form to help us better understand your health history and needs. This form is HIPAA compliant to ensure your privacy.</p>
-        <ContactCenter
-            tag="Secure Intake"
-            title="Patient Information"
-            description="Enter your details to get started with your digital patient file."
+          button={{ text: "Contact", href: "/contact" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactText
+            text="Patient Intake Form"
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <FooterBaseCard
         logoText="Forsyth Spinal"
-        columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Patient Forms", href: "/patient-intake" }, { label: "Appointment", href: "/appointment" }] }
-        ]}
+        columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Patient Forms", href: "/patient-intake" }, { label: "Appointment", href: "/appointment" }] }]}
       />
     </ThemeProvider>
   );
diff --git a/src/app/treatments/page.tsx b/src/app/treatments/page.tsx
index 3177f67..88c4756 100644
--- a/src/app/treatments/page.tsx
+++ b/src/app/treatments/page.tsx
@@ -6,24 +6,28 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
           navItems={[{name: "Treatments", id: "/treatments"}, {name: "Insurance", id: "/insurance"}, {name: "Bio", id: "/bio"}]}
           brandName="Forsyth Spinal"
           button={{ text: "Book Now", href: "/contact" }}
         />
+      </div>
+      <div id="treatments" data-section="treatments">
         <FeatureCardMedia 
             title="Comprehensive Treatment Offerings"
-            description="Expertly crafted spinal care and rehabilitation protocols for lasting pain relief and mobility."
+            description="Expertly crafted spinal care and rehabilitation protocols."
             features={[
-                { id: "s1", title: "Advanced Spinal Adjustment", description: "Precise alignment protocols for immediate relief.", tag: "Spinal", imageSrc: "" },
-                { id: "s2", title: "Corrective Exercise Programs", description: "Strengthening the core and supporting muscles.", tag: "Rehab", imageSrc: "" },
-                { id: "s3", title: "Neurological Consultation", description: "In-depth evaluation for nerve health and wellness.", tag: "Neurology", imageSrc: "" }
+                { id: "s1", title: "Advanced Spinal Adjustment", description: "Precise alignment protocols for immediate relief.", tag: "Spinal" },
+                { id: "s2", title: "Corrective Exercise Programs", description: "Strengthening the core and supporting muscles.", tag: "Rehab" }
             ]}
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
         />
-        <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file