Update src/app/treatments/page.tsx

Merge version_1 into main

src/app/appointment/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AppointmentPage() {
+  return (
+    <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"
+          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" }] }]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/bio/page.tsx

@@ -0,0 +1,26 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function BioPage() {
+  return (
+    <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}
+        />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ContactText from '@/components/sections/contact/ContactText';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="largeSmallSizeLargeTitles"
+        background="fluid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          navItems={[{ name: "Treatments", id: "/treatments" }, { name: "About", id: "/bio" }, { name: "Contact", id: "/contact" }]}
+          brandName="Forsyth Spinal"
+          button={{ text: "Book Now", href: "/contact" }}
+        />
+      </div>
+      <div id="contact" data-section="contact">
+          <ContactText
+            text="HIPAA-Compliant Contact"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+      </div>
+      <FooterBaseCard
+        logoText="Forsyth Spinal"
+        columns={[{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/insurance/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function InsurancePage() {
+  return (
+    <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" },
+                { id: "i2", title: "United Healthcare", description: "Accepted for most chiropractic services.", tag: "Covered" }
+            ]}
+            animationType="opacity"
+            textboxLayout="default"
+            useInvertedBackground={false}
+        />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,13 +31,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        { name: "Treatments", id: "#treatments" },
-        { name: "About", id: "#about" },
-        { name: "Testimonials", id: "#testimonials" },
-        { name: "Contact", id: "#contact" },
+        { name: "Treatments", id: "/" },
+        { name: "About", id: "/" },
+        { name: "Testimonials", id: "/" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Forsyth Spinal"
-      button={{ text: "Book Now", href: "#contact" }}
+      button={{ text: "Book Now", href: "/contact" }}
     />
   </div>
 
@@ -47,7 +47,7 @@ export default function LandingPage() {
       description="Real Relief. Proven Results. Personalized treatment plans from board-certified specialists. Most patients see improvement within weeks."
       buttons={[
         {
-          text: "Schedule Your Consultation",          href: "#contact"},
+          text: "Schedule Your Consultation",          href: "/contact"},
       ]}
       slides={[
         { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CzhjTNYVTYojCcFQqMIQz2aM41/uploaded-1777395128738-qxnj3xvl.png?_wi=1", imageAlt: "Forsyth Spinal Clinic" },
@@ -64,7 +64,7 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[{ type: "text", content: "Our Mission & Expertise" }]}
-      buttons={[{ text: "Learn More", href: "#about" }]}
+      buttons={[{ text: "Learn More", href: "/about" }]}
     />
   </div>
 
@@ -144,7 +144,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "canvas-reveal" }}
       text="Ready to take control of your spinal health? Schedule your free initial consultation with Dr. Seaney today."
-      buttons={[{ text: "Call (770) 888-9265", href: "tel:7708889265" }]}
+      buttons={[{ text: "Book Now", href: "/contact" }]}
     />
   </div>
 
@@ -152,9 +152,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="Forsyth Spinal"
       columns={[
-        { title: "Navigation", items: [{ label: "Treatments", href: "#treatments" }, { label: "About", href: "#about" }, { label: "Testimonials", href: "#testimonials" }] },
+        { 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" }] }
+        { title: "Contact", items: [{ label: "Call Us", href: "tel:7708889265" }, { label: "Visit Us", href: "/contact" }] }
       ]}
       copyrightText="© 2025 Forsyth Spinal Rehabilitation"
     />

src/app/patient-intake/page.tsx

@@ -0,0 +1,30 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function PatientIntakePage() {
+  return (
+    <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"
+          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" }] }]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/treatments/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ServicesPage() {
+  return (
+    <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."
+            features={[
+                { 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}
+        />
+      </div>
+      <FooterBaseCard logoText="Forsyth Spinal" columns={[]} />
+    </ThemeProvider>
+  );
+}