src/app/page.tsx

@@ -6,7 +6,6 @@ import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { Mail, Zap, Shield } from 'lucide-react';
 
 const navItems = [{ name: "Home", id: "/" }];
 
@@ -20,13 +19,13 @@ export default function Page() {
         <HeroBillboard title="Welcome to Our Platform" description="Build faster with our modular component library." background={{ variant: "animated-grid" }} />
       </div>
       <div id="about" data-section="about">
-        <TextAbout title="About Us" />
+        <TextAbout title="About Us" useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyThree title="Our Services" description="We provide top-notch solutions." animationType="slide-up" textboxLayout="split" features={[{ id: "1", title: "Service A", tags: ["Fast"] }, { id: "2", title: "Service B", tags: ["Reliable"] }]} />
+        <FeatureCardTwentyThree title="Our Services" description="We provide top-notch solutions." animationType="slide-up" textboxLayout="split" useInvertedBackground={false} features={[{ id: "1", title: "Service A", tags: ["Fast"] }, { id: "2", title: "Service B", tags: ["Reliable"] }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactSplit tag="Contact" title="Get in Touch" description="Reach out for any inquiries." background={{ variant: "plain" }} mediaAnimation="slide-up" />
+        <ContactSplit tag="Contact" title="Get in Touch" description="Reach out for any inquiries." background={{ variant: "plain" }} mediaAnimation="slide-up" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }] }]} />