diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2a06a41..771a94c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,16 +15,16 @@ import { Mail } from 'lucide-react';
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="background-highlight"
-      borderRadius="pill"
-      contentWidth="small"
-      sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
-      cardStyle="gradient-radial"
-      primaryButtonStyle="diagonal-gradient"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSizeMediumTitles"
+      background="none"
+      cardStyle="glass-depth"
+      primaryButtonStyle="primary-glow"
       secondaryButtonStyle="glass"
-      headingFontWeight="semibold"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroCentered
           title="Building RL Environments for AGI"
           description="AI researcher and builder based in Berlin. Focused on creating advanced reinforcement learning systems and agentic orchestration solutions for the future of artificial intelligence."
-          background={{ variant: "downward-rays-static" }}
+          background={{ variant: "downward-rays-animated-grid" }}
           avatars={[
             {
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abz684oacJrzVDdvwfH65dcOrz/a-modern-ai-researcher-at-a-desk-with-mu-1772875967919-9b191597.png",              alt: "AI Research"