diff --git a/src/app/page.tsx b/src/app/page.tsx
index e3959e7..edc5458 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,16 +14,16 @@ import { Zap, Smartphone, Brain, BarChart3, Wifi, Headphones, Sparkles } from "l
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="mediumLargeSizeMediumTitles"
-      background="noise"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="semibold"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="large"
+      background="aurora"
+      cardStyle="glass-depth"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
@@ -59,7 +59,7 @@ export default function LandingPage() {
             { text: "Start Learning Free", href: "contact" },
             { text: "Watch Demo", onClick: undefined },
           ]}
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "sparkles-gradient" }}
           buttonAnimation="slide-up"
           ariaLabel="AudioByte hero section"
         />
@@ -231,7 +231,7 @@ export default function LandingPage() {
             { text: "Schedule Demo", href: "contact" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "gradient-bars" }}
+          background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
         />
       </div>