diff --git a/src/app/page.tsx b/src/app/page.tsx
index 246de40..265487c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,6 @@ import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwen
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Star } from 'lucide-react';
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -37,16 +36,16 @@ export default function Home() {
         <HeroBillboard title="Webild Platform" description="Innovative solutions for your future." background={{ variant: "animated-grid" }} />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout heading={[{ type: "text", content: "About Webild" }]} />
+        <InlineImageSplitTextAbout heading={[{ type: "text", content: "About Webild" }]} useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyNine title="Our Services" description="We provide top-tier solutions." gridVariant="bento-grid" animationType="slide-up" textboxLayout="split" features={[]} />
+        <FeatureCardTwentyNine title="Our Services" description="We provide top-tier solutions." gridVariant="bento-grid" animationType="slide-up" textboxLayout="split" features={[]} useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardThirteen title="Testimonials" description="What our clients say" showRating={true} animationType="slide-up" textboxLayout="split" testimonials={[]} />
+        <TestimonialCardThirteen title="Testimonials" description="What our clients say" showRating={true} animationType="slide-up" textboxLayout="split" testimonials={[]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit tag="Contact" title="Get in Touch" description="Ready to start your journey?" background={{ variant: "plain" }} mediaAnimation="slide-up" />
+        <ContactSplit tag="Contact" title="Get in Touch" description="Ready to start your journey?" background={{ variant: "plain" }} mediaAnimation="slide-up" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterCard logoText="Webild" />