diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 0cde629..263a84f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -50,7 +50,7 @@ const AboutPage = () => {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 17d5f27..6dd637f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -50,7 +50,7 @@ const ContactPage = () => {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
@@ -69,7 +69,7 @@ const ContactPage = () => {
           tagAnimation="slide-up"
           title="Ready to Transform Your Business?"
           description="Let's bring your vision to life with cutting-edge web and mobile solutions tailored to your goals. Partner with us to unlock your digital potential."
-          background={{ variant: "noise" }}
+          background={{ variant: "glowing-orb" }}
           useInvertedBackground={false}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQtbsTMeGJHQMw356WqTQ94vTH/modern-tech-company-office-environment-s-1772536829959-06972360.png"
           imageAlt="Contact us - modern office environment"
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"
         />
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 2cf41f4..60dc880 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -49,7 +49,7 @@ const PortfolioPage = () => {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 6fcef53..fc5ec62 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -49,7 +49,7 @@ const ServicesPage = () => {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="flat"
       secondaryButtonStyle="glass"