diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1bfe417..2e9b8a5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="mediumSizeLargeTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="flat"
       secondaryButtonStyle="solid"
@@ -42,7 +42,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardScroll
-          background={{ variant: "noise" }}
+          background={{ variant: "animated-grid" }}
           tag="Expert SEO Services"
           tagIcon={Zap}
           tagAnimation="slide-up"