diff --git a/src/app/page.tsx b/src/app/page.tsx
index 332b189..c1b3c4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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">
         <NavbarStyleCentered navItems={navItems} brandName="Webild" />
       </div>
@@ -34,6 +34,7 @@ export default function Page() {
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout 
           heading={[{ type: "text", content: "About Our Mission" }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
@@ -41,12 +42,13 @@ export default function Page() {
           title="Our Services"
           description="Comprehensive solutions tailored to your business needs."
           features={[
-            { title: "Web Design", description: "Crafting beautiful, functional interfaces.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" },
-            { title: "Cloud Apps", description: "Scaling your business with cloud infrastructure.", imageSrc: "", titleImageSrc: "", buttonText: "Learn More" }
+            { title: "Web Design", description: "Crafting beautiful, functional interfaces.", imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800", titleImageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800", buttonText: "Learn More" },
+            { title: "Cloud Apps", description: "Scaling your business with cloud infrastructure.", imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800", titleImageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&q=80&w=800", buttonText: "Learn More" }
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="metrics" data-section="metrics">
@@ -59,6 +61,7 @@ export default function Page() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -66,15 +69,17 @@ export default function Page() {
           title="Client Feedback"
           description="Hear from our valued partners."
           testimonials={[
-            { id: "t1", name: "Jane Doe", date: "2024-01-01", title: "CEO", quote: "Exceptional service!", tag: "Review", avatarSrc: "" }
+            { id: "t1", name: "Jane Doe", date: "2024-01-01", title: "CEO", quote: "Exceptional service!", tag: "Review", avatarSrc: "https://images.unsplash.com/photo-1552667466-07770ae110d0?auto=format&fit=crop&q=80&w=400" }
           ]}
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="cta" data-section="cta">
         <ContactText 
           text="Ready to start your journey with us?"
           background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">