src/app/page.tsx

@@ -18,7 +18,7 @@ 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">
         <NavbarStyleFullscreen navItems={navItems} />
       </div>
@@ -41,6 +41,7 @@ export default function Page() {
             showStepNumbers={true}
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="metrics" data-section="metrics">
@@ -52,16 +53,19 @@ export default function Page() {
                 { id: "2", value: "500+", description: "Happy Clients" }
             ]}
             metricsAnimation="slide-up"
+            useInvertedBackground={false}
         />
       </div>
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout 
             heading={[{ type: "text", content: "About Our Business" }]}
+            useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardOne 
             title="What Our Customers Say"
+            description="Trusted by many."
             testimonials={[
                 { id: "1", name: "Jane D.", role: "Homeowner", company: "Canberra", rating: 5, imageSrc: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?auto=format&fit=crop&q=80&w=150" },
                 { id: "2", name: "Mark R.", role: "Business Owner", company: "ACT", rating: 5, imageSrc: "https://images.unsplash.com/photo-1599566150163-29194dcaad36?auto=format&fit=crop&q=80&w=150" }
@@ -69,6 +73,7 @@ export default function Page() {
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
             textboxLayout="default"
+            useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -76,6 +81,8 @@ export default function Page() {
             title="Get In Touch"
             description="Schedule your plumbing repair today."
             tag="Contact"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">