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