diff --git a/src/app/page.tsx b/src/app/page.tsx
index f8b31f3..c1e9334 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,6 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import Link from 'next/link';
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -22,16 +21,16 @@ export default function Page() {
         <HeroBillboardRotatedCarousel title="Welcome to Webild" description="Professional solutions for your business." background={{ variant: "animated-grid" }} carouselItems={[{ id: "1" }, { id: "2" }, { id: "3" }, { id: "4" }, { id: "5" }, { id: "6" }]} />
       </div>
       <div id="about" data-section="about">
-        <TextSplitAbout title="About Us" description={["We build high quality software."]} />
+        <TextSplitAbout title="About Us" description={["We build high quality software."]} useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwelve title="Services" animationType="opacity" textboxLayout="split" features={[{ id: "1", label: "Dev", title: "Development", items: ["Web", "Mobile"] }]} />
+        <FeatureCardTwelve title="Services" animationType="opacity" textboxLayout="split" features={[{ id: "1", label: "Dev", title: "Development", items: ["Web", "Mobile"] }]} useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne title="Testimonials" gridVariant="uniform-all-items-equal" animationType="opacity" textboxLayout="default" testimonials={[{ id: "1", name: "John", role: "CEO", company: "Corp", rating: 5 }]} />
+        <TestimonialCardOne title="Testimonials" gridVariant="uniform-all-items-equal" animationType="opacity" textboxLayout="default" testimonials={[{ id: "1", name: "John", role: "CEO", company: "Corp", rating: 5 }]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Contact us today" background={{ variant: "plain" }} />
+        <ContactText text="Contact us today" background={{ variant: "plain" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All rights reserved" />