diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 087ffc0..a89a4cd 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -24,7 +24,7 @@ export default function AboutPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="large"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 7a5f6ad..2a0ddaa 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -21,7 +21,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="large"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc43e26..d313a59 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,7 +29,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="large"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
@@ -54,7 +54,7 @@ export default function HomePage() {
           tag="Creative Web Solutions"
           tagIcon={Zap}
           tagAnimation="slide-up"
-          background={{ variant: "floatingGradient" }}
+          background={{ variant: "glowing-orb" }}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-modern-sleek-web-design-dashboard-inte-1772527372132-0a49fa86.png"
           imageAlt="Modern web design dashboard interface"
           imagePosition="right"
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index fa787a1..3af2518 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -24,7 +24,7 @@ export default function PortfolioPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="large"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 3da5fc0..f7af26c 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -23,7 +23,7 @@ export default function ServicesPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="large"
-      background="floatingGradient"
+      background="circleGradient"
       cardStyle="gradient-mesh"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="radial-glow"