diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c3363b..e13181f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,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 { ArrowRight, Star, Shield, Mail, Phone, MapPin } from 'lucide-react';
 
 export default function Page() {
   const navItems = [
@@ -26,16 +25,16 @@ export default function Page() {
         <HeroBillboardRotatedCarousel title="Innovate Your Future" description="Cutting-edge solutions for the modern era." 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 are a team of visionaries.", "Passionate about building the future."]} />
+        <TextSplitAbout title="About Us" description={["We are a team of visionaries.", "Passionate about building the future."]} useInvertedBackground={false} />
       </div>
       <div id="services" data-section="services">
-        <FeatureCardTwelve title="Our Services" animationType="blur-reveal" textboxLayout="split" features={[{ id: "1", label: "Design", title: "UI/UX Design", items: ["Wireframing", "Prototyping", "User Testing"] }, { id: "2", label: "Dev", title: "Development", items: ["Frontend", "Backend", "Fullstack"] }]} />
+        <FeatureCardTwelve title="Our Services" description="We offer professional services." animationType="blur-reveal" textboxLayout="split" features={[{ id: "1", label: "Design", title: "UI/UX Design", items: ["Wireframing", "Prototyping", "User Testing"] }, { id: "2", label: "Dev", title: "Development", items: ["Frontend", "Backend", "Fullstack"] }]} useInvertedBackground={false} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardOne title="Client Stories" gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "InnovateCo", rating: 5 }]} />
+        <TestimonialCardOne title="Client Stories" description="What our clients say." gridVariant="bento-grid" animationType="blur-reveal" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "InnovateCo", rating: 5 }]} useInvertedBackground={false} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Let's build something great together." background={{ variant: "animated-grid" }} />
+        <ContactText text="Let's build something great together." background={{ variant: "animated-grid" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterSimple columns={[{ title: "Links", items: [{ label: "Home" }, { label: "Contact" }] }]} bottomLeftText="© 2024 Webild" bottomRightText="hello@example.com" />