diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9c564f3..16b3403 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ export default function Page() {
   const navItems = [{ name: 'Home', id: '/' }, { name: 'Contact', id: '/contact' }];
   
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" 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">
         <NavbarStyleCentered navItems={navItems} />
       </div>
@@ -22,19 +22,19 @@ export default function Page() {
         <HeroLogoBillboard logoText="Culinary Mastery" description="Experience the finest dining with locally sourced ingredients and world-class chefs." buttons={[{ text: 'Explore Menu', href: '#dishes' }]} background={{ variant: 'animated-grid' }} />
       </div>
       <div id="about" data-section="about">
-        <SplitAbout title="Our Story" description="Founded in 1995, our restaurant has been dedicated to serving authentic flavors with a modern twist." textboxLayout="default" bulletPoints={[{ title: 'Farm to Table', description: 'Fresh ingredients daily.' }, { title: 'Expert Chefs', description: 'Culinary excellence.' }]} />
+        <SplitAbout title="Our Story" description="Founded in 1995, our restaurant has been dedicated to serving authentic flavors with a modern twist." textboxLayout="default" useInvertedBackground={false} bulletPoints={[{ title: 'Farm to Table', description: 'Fresh ingredients daily.' }, { title: 'Expert Chefs', description: 'Culinary excellence.' }]} />
       </div>
       <div id="dishes" data-section="dishes">
-        <ProductCardThree title="Signature Dishes" description="Our most popular creations." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: '1', name: 'Dish 1', price: '$20', imageSrc: '/images/dish1.jpg' }, { id: '2', name: 'Dish 2', price: '$25', imageSrc: '/images/dish2.jpg' }, { id: '3', name: 'Dish 3', price: '$30', imageSrc: '/images/dish3.jpg' }]} />
+        <ProductCardThree title="Signature Dishes" description="Our most popular creations." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: '1', name: 'Dish 1', price: '$20', imageSrc: '/images/dish1.jpg' }, { id: '2', name: 'Dish 2', price: '$25', imageSrc: '/images/dish2.jpg' }, { id: '3', name: 'Dish 3', price: '$30', imageSrc: '/images/dish3.jpg' }]} />
       </div>
       <div id="chef" data-section="chef">
-        <TeamCardEleven title="Meet Our Chefs" description="The masters behind your favorite meals." textboxLayout="default" animationType="slide-up" groups={[{ id: '1', groupTitle: 'Head Chefs', members: [{ id: 'm1', title: 'John Doe', subtitle: 'Executive Chef', detail: 'Over 20 years of experience.' }] }]} />
+        <TeamCardEleven title="Meet Our Chefs" description="The masters behind your favorite meals." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" groups={[{ id: '1', groupTitle: 'Head Chefs', members: [{ id: 'm1', title: 'John Doe', subtitle: 'Executive Chef', detail: 'Over 20 years of experience.' }] }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSix title="Guest Reviews" description="What our patrons say about us." textboxLayout="default" animationType="slide-up" testimonials={[{ id: 't1', name: 'Jane Smith', handle: '@janesmith', testimonial: 'Absolutely divine flavors!' }, { id: 't2', name: 'Robert Lee', handle: '@robertl', testimonial: 'A wonderful dining experience.' }]} />
+        <TestimonialCardSix title="Guest Reviews" description="What our patrons say about us." textboxLayout="default" useInvertedBackground={false} animationType="slide-up" testimonials={[{ id: 't1', name: 'Jane Smith', handle: '@janesmith', testimonial: 'Absolutely divine flavors!' }, { id: 't2', name: 'Robert Lee', handle: '@robertl', testimonial: 'A wonderful dining experience.' }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplitForm title="Get in Touch" description="Reserve your table or reach out for catering." inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]} />
+        <ContactSplitForm title="Get in Touch" description="Reserve your table or reach out for catering." useInvertedBackground={false} inputs={[{ name: 'name', type: 'text', placeholder: 'Name' }, { name: 'email', type: 'email', placeholder: 'Email' }]} />
       </div>
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis logoText="Culinary Mastery" columns={[{ items: [{ label: 'About' }, { label: 'Contact' }] }]} />