diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a0ecb6..65b0872 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,7 +15,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>
@@ -28,25 +28,25 @@ export default function Page() {
         />
       </div>
       <div id="trust" data-section="trust">
-        <SocialProofOne names={["Acme", "Globex", "Soylent", "Initech"]} title="Trusted by industry leaders" description="" />
+        <SocialProofOne names={["Acme", "Globex", "Soylent", "Initech"]} title="Trusted by industry leaders" description="" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardMedia title="Our Services" description="We deliver excellence." animationType="slide-up" textboxLayout="default" features={[]} />
+        <FeatureCardMedia title="Our Services" description="We deliver excellence." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} features={[]} />
       </div>
       <div id="work" data-section="work">
-        <ProductCardOne title="Recent Projects" description="Selected works." animationType="slide-up" gridVariant="bento-grid" textboxLayout="default" products={[]} />
+        <ProductCardOne title="Recent Projects" description="Selected works." animationType="slide-up" gridVariant="bento-grid" textboxLayout="default" useInvertedBackground={false} products={[]} />
       </div>
       <div id="process" data-section="process">
-        <MetricCardEleven title="Our Process" description="Efficiency at scale." animationType="slide-up" metrics={[]} />
+        <MetricCardEleven title="Our Process" description="Efficiency at scale." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} metrics={[]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo title="Client Stories" description="What they say about us." animationType="slide-up" textboxLayout="default" testimonials={[]} />
+        <TestimonialCardTwo title="Client Stories" description="What they say about us." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[]} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqSplitMedia title="FAQ" description="Common questions answered." faqsAnimation="slide-up" textboxLayout="default" faqs={[]} />
+        <FaqSplitMedia title="FAQ" description="Common questions answered." faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[]} />
       </div>
       <div id="cta" data-section="cta">
-        <ContactText text="Ready to start?" background={{ variant: "plain" }} />
+        <ContactText text="Ready to start?" background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple columns={[]} bottomLeftText="© 2024 Webild" bottomRightText="All rights reserved." />