diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9bbe463..8bcdf4b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -55,7 +55,7 @@ const HomePage = () => {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
@@ -100,7 +100,7 @@ const HomePage = () => {
             { text: "See Our Services", href: "/services" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground={false}
           ariaLabel="Hero section"
         />