diff --git a/src/app/page.tsx b/src/app/page.tsx
index eacbdda..25ec9ba 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 export default function Page() {
   const navItems = [{ name: 'Home', id: '/' }];
   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">
         <NavbarLayoutFloatingOverlay navItems={navItems} brandName="Webild" />
       </div>
@@ -40,6 +40,7 @@ export default function Page() {
           animationType="blur-reveal"
           features={[{ id: '1', title: 'Quality', description: 'Best materials', tag: 'Top' }, { id: '2', title: 'Design', description: 'Modern aesthetics', tag: 'New' }]}
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="menu" data-section="menu">
@@ -63,6 +64,7 @@ export default function Page() {
           description="What our clients say."
           animationType="depth-3d"
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
             { id: '1', name: 'Jane Doe', role: 'Designer', testimonial: 'Absolutely stunning work!' },
             { id: '2', name: 'John Smith', role: 'Architect', testimonial: 'Quality is unmatched.' }
@@ -76,6 +78,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="scale-rotate"
           textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[
             { id: '1', value: '100+', description: 'Projects Completed' },
             { id: '2', value: '50+', description: 'Happy Clients' }
@@ -86,13 +89,13 @@ export default function Page() {
         <ContactText 
           text="Get in touch with us today!"
           background={{ variant: 'gradient-bars' }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal 
           logoText="Webild"
-          columns={[{ title: 'Links', items: [{ label: 'Home', href: '/' }] }]
-          }
+          columns={[{ title: 'Links', items: [{ label: 'Home', href: '/' }] }]}
         />
       </div>
     </ThemeProvider>