diff --git a/src/app/page.tsx b/src/app/page.tsx
index a24e47c..b67a9e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ const navItems = [{ name: 'Home', id: '/' }];
 
 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">
         <NavbarStyleApple navItems={navItems} />
       </div>
@@ -29,6 +29,7 @@ export default function Page() {
           animationType="slide-up"
           textboxLayout="default"
           features={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -37,6 +38,7 @@ export default function Page() {
           description="See what our customers say."
           textboxLayout="default"
           testimonials={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="gallery" data-section="gallery">
@@ -45,6 +47,8 @@ export default function Page() {
           description="Explore our recent designs."
           animationType="slide-up"
           textboxLayout="default"
+          blogs={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -54,12 +58,14 @@ export default function Page() {
           faqsAnimation="slide-up"
           textboxLayout="default"
           faqs={[]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
         <ContactText 
           text="Get in touch with us for bespoke tailoring."
           background={{ variant: 'plain' }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">