diff --git a/src/app/page.tsx b/src/app/page.tsx
index 26273c8..07eac8a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,6 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { ArrowRight, Zap, CheckCircle, Shield, Globe } from 'lucide-react';
 
 const navItems = [
   { name: "Home", id: "/" },
@@ -27,22 +26,22 @@ export default function Page() {
         <HeroSplitKpi title="Innovating for the Future" description="Building digital solutions that empower your growth with cutting-edge technology and design." background={{ variant: "canvas-reveal" }} kpis={[{ value: "100+", label: "Projects" }, { value: "50+", label: "Clients" }, { value: "98%", label: "Satisfaction" }]} enableKpiAnimation={true} imageSrc="https://images.unsplash.com/photo-1551434678-e076c223a692?q=80&w=2070&auto=format&fit=crop" />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
+        <FeatureCardTwentyNine title="Our Services" description="Comprehensive solutions tailored to your business needs." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" useInvertedBackground={false} features={[{ title: "Web Design", description: "Crafting beautiful and functional websites.", imageSrc: "https://images.unsplash.com/photo-1547658719-da2b51169165?q=80&w=1964&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }, { title: "App Dev", description: "Building robust applications.", imageSrc: "https://images.unsplash.com/photo-1555774698-0b77e0d5fac6?q=80&w=2070&auto=format&fit=crop", titleIconSrc: "", buttonText: "Learn More" }]} />
       </div>
       <div id="about" data-section="about">
-        <SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
+        <SplitAbout title="About Us" description="Dedicated to excellence in everything we do, our team works to deliver high-quality digital experiences." textboxLayout="default" useInvertedBackground={false} bulletPoints={[{ title: "Innovation", description: "We embrace new ideas." }, { title: "Integrity", description: "Honest business practices." }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
+        <TestimonialCardTwo title="What Our Clients Say" description="Hear from those we have worked with." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Alice", role: "CEO", testimonial: "Fantastic work!" }, { id: "2", name: "Bob", role: "CTO", testimonial: "Professional and efficient." }]} />
       </div>
       <div id="process" data-section="process">
-        <MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
+        <MetricCardEleven title="Our Process" description="How we turn ideas into reality." animationType="scale-rotate" textboxLayout="default" useInvertedBackground={false} metrics={[{ id: "1", value: "1", title: "Discovery", description: "Understanding your vision.", imageSrc: "https://images.unsplash.com/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop" }, { id: "2", value: "2", title: "Design", description: "Creating the blueprint.", imageSrc: "https://images.unsplash.com/photo-1586717791821-3f44a563daae?q=80&w=2070&auto=format&fit=crop" }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} />
+        <ContactText text="Ready to start your project? Let us build something amazing together." background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
       </div>
       <div id="final-cta" data-section="final-cta">
-        <ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} />
+        <ContactText text="Don't wait, contact us today!" background={{ variant: "rotated-rays-static" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} />