diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a2a3fc..59016d0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,6 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
@@ -32,7 +31,7 @@ export default function HomePage() {
         <HeroOverlay title="Welcome to Webild" description="Innovative digital solutions for your business." />
       </div>
       <div id="about" data-section="about">
-        <TextAbout title="About Us" tag="Who We Are" />
+        <TextAbout title="About Us" tag="Who We Are" useInvertedBackground={false} />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardOne 
@@ -41,6 +40,7 @@ export default function HomePage() {
           gridVariant="uniform-all-items-equal" 
           animationType="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           products={[
             { id: "1", name: "Strategy", price: "$99", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978" },
             { id: "2", name: "Design", price: "$149", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5" },
@@ -53,6 +53,7 @@ export default function HomePage() {
           cardTitle="Client Feedback" 
           cardTag="Testimonials" 
           cardAnimation="slide-up" 
+          useInvertedBackground={false}
           testimonials={[
             { id: "t1", name: "John Doe", imageSrc: "https://i.pravatar.cc/100" },
             { id: "t2", name: "Jane Smith", imageSrc: "https://i.pravatar.cc/101" }
@@ -65,6 +66,7 @@ export default function HomePage() {
           description="Get answers to common questions" 
           faqsAnimation="slide-up" 
           textboxLayout="default"
+          useInvertedBackground={false}
           faqs={[
             { id: "q1", title: "How do I start?", content: "Contact us to get started." },
             { id: "q2", title: "What is the cost?", content: "Pricing is custom based on needs." }