diff --git a/src/app/page.tsx b/src/app/page.tsx
index b8d2531..37b38f1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import { ArrowRight, Star, Shield, Zap, CheckCircle } from 'lucide-react';
+import { Star } from 'lucide-react';
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -18,7 +18,7 @@ const navItems = [
 
 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} brandName="Webild" />
       </div>
@@ -42,6 +42,8 @@ export default function Page() {
           names={["Acme", "Globex", "Soylent"]}
           title="Trusted by Industry Leaders"
           description="Our partners rely on us for excellence."
+          textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
@@ -49,6 +51,8 @@ export default function Page() {
           title="Our Services" 
           description="Tailored solutions for your needs." 
           animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
           features={[
             { id: '1', title: 'Consulting', description: 'Expert advice.', tag: 'Strategy' },
             { id: '2', title: 'Development', description: 'Code that works.', tag: 'Eng' }
@@ -62,6 +66,7 @@ export default function Page() {
           gridVariant="bento-grid" 
           animationType="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: '1', name: 'App One', price: '$99', imageSrc: 'https://images.unsplash.com/photo-1550751827-4bd374c3f58b' },
             { id: '2', name: 'App Two', price: '$199', imageSrc: 'https://images.unsplash.com/photo-1550751827-4bd374c3f58b' },
@@ -74,6 +79,8 @@ export default function Page() {
           title="Our Process" 
           description="How we get things done." 
           animationType="slide-up" 
+          textboxLayout="default"
+          useInvertedBackground={false}
           metrics={[
             { id: '1', value: '100%', title: 'Delivered', description: 'Always.', imageSrc: 'https://images.unsplash.com/photo-1550751827-4bd374c3f58b' }
           ]}
@@ -85,6 +92,7 @@ export default function Page() {
           description="Client feedback."
           animationType="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           testimonials={[
              { id: '1', name: 'Jane Doe', role: 'CEO', testimonial: 'Fantastic work!', icon: Star }
           ]}
@@ -96,6 +104,7 @@ export default function Page() {
           description="Need help?"
           faqsAnimation="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           faqs={[
             { id: '1', title: 'How does it work?', content: 'Simple.' }
           ]}
@@ -105,6 +114,7 @@ export default function Page() {
         <ContactText 
           text="Ready to start?" 
           background={{ variant: 'rotated-rays-static' }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">