diff --git a/src/app/page.tsx b/src/app/page.tsx
index 78e91d3..a441205 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
@@ -20,7 +20,7 @@ export default function SteakhousePage() {
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="animatedAurora"
+      background="aurora"
       cardStyle="solid-accent-light"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -68,7 +68,7 @@ export default function SteakhousePage() {
               text: "Explore Our Story",              href: "#features"
             }
           ]}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -117,7 +117,7 @@ export default function SteakhousePage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -194,7 +194,7 @@ export default function SteakhousePage() {
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>