diff --git a/src/app/page.tsx b/src/app/page.tsx
index bd73e36..85f4d83 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="rounded"
       contentWidth="smallMedium"
       sizing="largeSmall"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="solid"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -41,7 +41,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroCentered
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "downward-rays-static" }}
           avatars={[
             {
               src: "http://img.b2bpic.net/free-photo/mockup-mobile-phone-screen_53876-63379.jpg",              alt: "Premium smartphone display showcase"