From df5dd3e97d918b54d5a87642a63b11fb3705bd71 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/bio/page.tsx

---
 src/app/bio/page.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

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