diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69d58e0..553675c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="large"
-      background="noise"
+      background="circleGradient"
       cardStyle="soft-shadow"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
@@ -43,7 +43,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="WEBNEBS"
           description="We build stunning, high-performance websites that help companies grow their online presence and engage with customers."
-          background={{ variant: "noise" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Get Started", href: "#contact" },
             { text: "View Our Work", href: "#about" }
@@ -71,6 +71,7 @@ export default function LandingPage() {
           imageSrc="http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg"
           imageAlt="Webnebs team collaboration"
           mediaAnimation="blur-reveal"
+          metricsAnimation="blur-reveal"
         />
       </div>
 
@@ -183,7 +184,7 @@ export default function LandingPage() {
             { text: "Call +27 64 794 4097", href: "tel:+27647944097" }
           ]}
           buttonAnimation="blur-reveal"
-          background={{ variant: "noise" }}
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
         />
       </div>