diff --git a/src/app/page.tsx b/src/app/page.tsx
index a06ccfc..a9b3f4b 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';
@@ -23,7 +23,7 @@ export default function LandingPage() {
       contentWidth="small"
       sizing="largeSmallSizeMediumTitles"
       background="aurora"
-      cardStyle="solid-accent"
+      cardStyle="elevated"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="normal"
@@ -92,7 +92,7 @@ export default function LandingPage() {
           buttons={[
             { text: "Learn More About Us", href: "team" }
           ]}
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -137,7 +137,7 @@ export default function LandingPage() {
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -188,7 +188,7 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           animationType="blur-reveal"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>
 
@@ -251,7 +251,7 @@ export default function LandingPage() {
           ]}
           animationType="smooth"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground="noInvert"
         />
       </div>