diff --git a/src/app/page.tsx b/src/app/page.tsx
index d4bfeaf..6704d6d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,9 +18,20 @@ const navItems = [
 
 export default function Page() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+        defaultButtonVariant="text-stagger" 
+        defaultTextAnimation="entrance-slide" 
+        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={navItems} />
+        <NavbarLayoutFloatingInline navItems={navItems} button={{text: "Contact"}} />
       </div>
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial 
@@ -37,6 +48,7 @@ export default function Page() {
             title="Trusted by Industry Leaders"
             description="Join the ranks of thousands of teams that rely on our platform daily."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="how-it-works" data-section="how-it-works">
@@ -46,6 +58,7 @@ export default function Page() {
             title="Efficient Processes"
             description="Achieve more in less time with our streamlined metrics dashboard."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="features" data-section="features">
@@ -56,6 +69,7 @@ export default function Page() {
             title="Powerful Features"
             description="Everything you need to scale your operations effortlessly."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -66,6 +80,7 @@ export default function Page() {
             title="What Our Users Say"
             description="Discover how our platform changed the way people work."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="pricing" data-section="pricing">
@@ -75,6 +90,7 @@ export default function Page() {
             title="Transparent Pricing"
             description="Choose the plan that best fits your growing needs."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -84,6 +100,7 @@ export default function Page() {
             title="Frequently Asked Questions"
             description="Find answers to common questions about our platform."
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="final-cta" data-section="final-cta">
@@ -92,6 +109,7 @@ export default function Page() {
             title="Ready to boost your productivity?"
             description="Join us today and start your journey towards efficient workflows."
             background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">