diff --git a/src/app/page.tsx b/src/app/page.tsx
index d39ed20..2947733 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -66,7 +66,7 @@ export default function LandingPage() {
       <div id="about" data-section="about">
         <TextAbout
           title="We are a team of strategists, creators, and innovators dedicated to transforming how brands connect with their audiences through authentic, impactful marketing."
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Learn Our Approach", href: "services" }
           ]}
@@ -107,7 +107,7 @@ export default function LandingPage() {
           tag="Case Studies"
           tagIcon={Award}
           textboxLayout="default"
-          useInvertedBackground="invertCard"
+          useInvertedBackground="noInvert"
           animationType="slide-up"
           gridVariant="bento-grid"
           products={[
@@ -161,7 +161,7 @@ export default function LandingPage() {
           sideTitle="Frequently Asked Questions"
           sideDescription="Everything you need to know about working with CreativeFlow and how we can elevate your marketing."
           textPosition="left"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           animationType="smooth"
           faqs={[
             {