diff --git a/src/app/page.tsx b/src/app/page.tsx
index ea38dd0..34e3477 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="sharp"
       contentWidth="medium"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseGradient"
+      background="noiseDiagonalGradient"
       cardStyle="outline"
       primaryButtonStyle="layered-depth"
       secondaryButtonStyle="solid"
@@ -65,7 +65,7 @@ export default function LandingPage() {
           icon={Sparkles}
           imageSrc="https://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg"
           imageAlt="Brew Haven Coffee Culture and Craftsmanship"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
       
@@ -103,7 +103,7 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           gridVariant="three-columns-all-equal-width"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           products={[
             {
               id: "espresso",              name: "Espresso Shot",              price: "$3.50",              imageSrc: "https://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",              imageAlt: "Single Espresso Shot",              initialQuantity: 1
@@ -147,7 +147,7 @@ export default function LandingPage() {
         <ContactText
           text="Ready to experience the perfect cup? Visit Brew Haven today or reach out to reserve your spot in our cozy café."
           animationType="reveal-blur"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
           buttons={[
             { text: "Get in Touch", href: "https://example.com/contact" },
             { text: "View Hours & Location", href: "https://example.com/location" }