diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5e3f6e..fec3e33 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,7 +13,18 @@ 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">
         <NavbarStyleApple navItems={navItems} brandName="Brand" />
       </div>
@@ -33,7 +44,7 @@ export default function Page() {
         <TestimonialCardFifteen testimonial="Great!" rating={5} author="User" avatars={[]} ratingAnimation="none" avatarsAnimation="none" useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactCenter tag="Contact" title="Get in touch" description="Desc" useInvertedBackground={false} />
+        <ContactCenter tag="Contact" title="Get in touch" description="Desc" background={{ variant: 'plain' }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBaseReveal logoText="Brand" columns={[{ title: 'Links', items: [{ label: 'Home', href: '/' }] }]} />