diff --git a/src/app/page.tsx b/src/app/page.tsx
index fd02d00..2a6c7ab 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,6 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Zap, Shield, Star, Globe } from "lucide-react";
 
 export default function Page() {
   const navItems = [
@@ -54,6 +53,7 @@ export default function Page() {
           ]}
           imageSrc="https://images.unsplash.com/photo-1620121692029-d088224ddc74"
           mediaAnimation="slide-up"
+          useInvertedBackground={false}
         />
       </div>
       <div id="tables" data-section="tables">
@@ -68,6 +68,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="reviews" data-section="reviews">
@@ -81,6 +82,7 @@ export default function Page() {
           gridVariant="uniform-all-items-equal"
           animationType="depth-3d"
           textboxLayout="default"
+          useInvertedBackground={false}
         />
       </div>
       <div id="contact" data-section="contact">
@@ -88,6 +90,7 @@ export default function Page() {
           text="Ready to take your project to the next level? Get in touch today."
           background={{ variant: "rotated-rays-animated" }}
           buttons={[{ text: "Contact Us", href: "mailto:support@webild.dev" }]}
+          useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">