diff --git a/src/app/page.tsx b/src/app/page.tsx
index b22bd0a..4147e0a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,16 +19,16 @@ export default function Home() {
         <HeroCarouselLogo logoText="Monaco Life" description="Exclusive insights into the world’s most elite principality." buttons={[{ text: "Explore" }]} slides={[{ imageSrc: "https://images.unsplash.com/photo-1563911302283-d2bc129e7570?q=80&w=2000" }]} />
       </div>
       <div id="news-grid" data-section="news-grid">
-        <BlogCardTwo title="Latest Insights" description="Stay updated with the latest in Monaco." animationType="slide-up" textboxLayout="default" />
+        <BlogCardTwo title="Latest Insights" description="Stay updated with the latest in Monaco." animationType="slide-up" textboxLayout="default" useInvertedBackground={false} blogs={[]} />
       </div>
       <div id="about" data-section="about">
-        <SplitAbout title="About Monaco Life" description="Your gateway to luxury lifestyle insights." textboxLayout="default" mediaAnimation="slide-up" bulletPoints={[]} />
+        <SplitAbout title="About Monaco Life" description="Your gateway to luxury lifestyle insights." textboxLayout="default" mediaAnimation="slide-up" bulletPoints={[]} useInvertedBackground={false} />
       </div>
       <div id="faq" data-section="faq">
-        <FaqBase title="Frequently Asked Questions" description="Get your questions answered." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" />
+        <FaqBase title="Frequently Asked Questions" description="Get your questions answered." faqs={[]} faqsAnimation="slide-up" textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="socialProof" data-section="socialProof">
-        <SocialProofOne names={["Partner A", "Partner B"]} title="Our Partners" description="Trusted by industry leaders." textboxLayout="default" />
+        <SocialProofOne names={["Partner A", "Partner B"]} title="Our Partners" description="Trusted by industry leaders." textboxLayout="default" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
         <FooterBase logoText="Monaco Life" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} />