diff --git a/src/app/page.tsx b/src/app/page.tsx
index a940823..af9ea8c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function Home() {
   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={[{ name: "Home", id: "/" }]}
@@ -37,6 +37,7 @@ export default function Home() {
           title="Trusted by Industry Leaders"
           description="Powering innovation for the world's most recognizable brands."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="how-it-works" data-section="how-it-works">
@@ -46,6 +47,7 @@ export default function Home() {
           description="How we get you from zero to hero."
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="features" data-section="features">
@@ -56,6 +58,7 @@ export default function Home() {
           title="Powerful Features"
           description="Everything you need to scale."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -66,6 +69,7 @@ export default function Home() {
           title="What they say"
           description="Real feedback from real users."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="pricing" data-section="pricing">
@@ -75,6 +79,7 @@ export default function Home() {
           title="Simple Pricing"
           description="Choose the plan that fits your team."
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -84,6 +89,7 @@ export default function Home() {
           description="Find answers to common questions."
           faqsAnimation="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="final-cta" data-section="final-cta">
@@ -92,6 +98,7 @@ export default function Home() {
           title="Ready to Start?"
           description="Join our community today."
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">