diff --git a/src/app/page.tsx b/src/app/page.tsx
index 819843a..e77f310 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,7 +17,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="largeSmall"
-      background="noise"
+      background="circleGradient"
       cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="solid"
@@ -47,7 +47,7 @@ export default function LandingPage() {
             { text: "Get in touch", href: "#contact" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "animated-grid" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVH1d76lkVY21KaGPmjaQBT1z1/a-modern-full-stack-developer-workspace--1772728078496-d19e6065.png"
           imageAlt="Full stack developer workspace with code editor and multiple screens"
           mediaAnimation="blur-reveal"