diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index bdb2439..7dac738 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="soft"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="fluid"
+            background="floatingGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="radial-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c89cd15..92cd52d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function SalesLandingPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="fluid"
+      background="floatingGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="layered"
@@ -45,7 +45,7 @@ export default function SalesLandingPage() {
           tag="Recruitment Opportunity"
           tagIcon={Zap}
           tagAnimation="slide-up"
-          background={{ variant: "fluid" }}
+          background={{ variant: "sparkles-gradient" }}
           buttons={[
             { text: "Start Your Journey", href: "contact" },
             { text: "Learn More" }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index d522313..b6f3b91 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -74,7 +74,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="soft"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="fluid"
+                background="floatingGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="radial-glow"
                 secondaryButtonStyle="layered"
@@ -143,7 +143,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="soft"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="fluid"
+                background="floatingGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="radial-glow"
                 secondaryButtonStyle="layered"
@@ -219,7 +219,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="soft"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="fluid"
+            background="floatingGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="radial-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index c418a37..a908b90 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -26,7 +26,7 @@ export default function ShopPage() {
                 borderRadius="soft"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="fluid"
+                background="floatingGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="radial-glow"
                 secondaryButtonStyle="layered"
@@ -94,7 +94,7 @@ export default function ShopPage() {
             borderRadius="soft"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="fluid"
+            background="floatingGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="radial-glow"
             secondaryButtonStyle="layered"