diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4e64ba2..396f4bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,19 +20,19 @@ export default function Page() {
         <HeroOverlay title="Innovate Your Digital Presence" description="Modern, scalable solutions for the digital age." />
       </div>
       <div id="features" data-section="features">
-        <FeatureCardTwentyNine gridVariant="bento-grid" animationType="slide-up" title="Our Features" description="Powerful tools to accelerate your workflow." textboxLayout="default" features={[{ title: "Performance", description: "Lightning fast load times.", imageSrc: "asset://performance", titleIconSrc: "asset://icon", buttonText: "Learn More" }, { title: "Security", description: "Enterprise-grade protection.", imageSrc: "asset://security", titleIconSrc: "asset://icon", buttonText: "Learn More" }]} />
+        <FeatureCardTwentyNine gridVariant="bento-grid" animationType="slide-up" title="Our Features" description="Powerful tools to accelerate your workflow." textboxLayout="default" useInvertedBackground={false} features={[{ title: "Performance", description: "Lightning fast load times.", imageSrc: "asset://performance", titleIconSrc: "asset://icon", buttonText: "Learn More" }, { title: "Security", description: "Enterprise-grade protection.", imageSrc: "asset://security", titleIconSrc: "asset://icon", buttonText: "Learn More" }]} />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFive title="Trusted by Many" description="Hear what our clients say about us." textboxLayout="default" testimonials={[{ id: "1", name: "Alex P.", date: "2024-01-01", title: "Excellent", quote: "Game changing experience!", tag: "User", avatarSrc: "asset://avatar1" }, { id: "2", name: "Sarah M.", date: "2024-01-02", title: "Amazing", quote: "Professional team and quality work.", tag: "Client", avatarSrc: "asset://avatar2" }]} />
+        <TestimonialCardFive title="Trusted by Many" description="Hear what our clients say about us." textboxLayout="default" useInvertedBackground={false} testimonials={[{ id: "1", name: "Alex P.", date: "2024-01-01", title: "Excellent", quote: "Game changing experience!", tag: "User", avatarSrc: "asset://avatar1" }, { id: "2", name: "Sarah M.", date: "2024-01-02", title: "Amazing", quote: "Professional team and quality work.", tag: "Client", avatarSrc: "asset://avatar2" }]} />
       </div>
       <div id="gallery" data-section="gallery">
-        <BlogCardOne animationType="slide-up" title="Latest Insights" description="Stay updated with our blog." textboxLayout="default" blogs={[{ id: "1", category: "Update", title: "New Features Released", excerpt: "Explore what is new.", imageSrc: "asset://blog1", authorName: "Admin", authorAvatar: "asset://avatar1", date: "2024-01-01" }, { id: "2", category: "Tutorial", title: "Getting Started", excerpt: "A guide for beginners.", imageSrc: "asset://blog2", authorName: "Admin", authorAvatar: "asset://avatar2", date: "2024-01-02" }]} />
+        <BlogCardOne animationType="slide-up" title="Latest Insights" description="Stay updated with our blog." textboxLayout="default" useInvertedBackground={false} blogs={[{ id: "1", category: "Update", title: "New Features Released", excerpt: "Explore what is new.", imageSrc: "asset://blog1", authorName: "Admin", authorAvatar: "asset://avatar1", date: "2024-01-01" }, { id: "2", category: "Tutorial", title: "Getting Started", excerpt: "A guide for beginners.", imageSrc: "asset://blog2", authorName: "Admin", authorAvatar: "asset://avatar2", date: "2024-01-02" }]} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase title="Frequently Asked Questions" description="Get the answers you need." faqsAnimation="slide-up" textboxLayout="default" faqs={[{ id: "1", title: "How does it work?", content: "Simply integrate and scale." }, { id: "2", title: "Is it secure?", content: "Yes, we use top-tier encryption." }]} />
+        <FaqBase title="Frequently Asked Questions" description="Get the answers you need." faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} faqs={[{ id: "1", title: "How does it work?", content: "Simply integrate and scale." }, { id: "2", title: "Is it secure?", content: "Yes, we use top-tier encryption." }]} />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText text="Get in touch with our team today." background={{ variant: "gradient-bars" }} />
+        <ContactText text="Get in touch with our team today." background={{ variant: "gradient-bars" }} useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterMedia logoText="Webild" columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]} imageSrc="asset://footer" />