diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6147568..d32bbf2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -136,6 +136,7 @@ export default function LandingPage() {
           imageSrc={getAssetUrl("about-plumber-team")}
           imagePosition="right"
           imageAlt={getAssetAlt("about-plumber-team")}
+          useInvertedBackground={false}
         />
       </div>
       <div id="services" data-section="services">
@@ -151,6 +152,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           tag="Our Expertise"
+          useInvertedBackground={false}
         />
       </div>
       <div id="metrics" data-section="metrics">
@@ -165,6 +167,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           tag="Our Impact"
+          useInvertedBackground={false}
         />
       </div>
       <div id="testimonials" data-section="testimonials">
@@ -183,6 +186,7 @@ export default function LandingPage() {
           animationType="slide-up"
           textboxLayout="default"
           tag="Client Feedback"
+          useInvertedBackground={false}
         />
       </div>
       <div id="faq" data-section="faq">
@@ -198,6 +202,7 @@ export default function LandingPage() {
           faqsAnimation="opacity"
           textPosition="left"
           animationType="smooth"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -215,6 +220,7 @@ export default function LandingPage() {
           buttonText="Send Message"
           imageSrc={getAssetUrl("contact-tools")}
           imageAlt={getAssetAlt("contact-tools")}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">