diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index e5029d4..8867d02 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -18,7 +18,7 @@ export default function BlogPage() {
             borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="inset-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6289557..488f657 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="mediumLarge"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="inset-glow"
       secondaryButtonStyle="layered"
@@ -45,7 +45,7 @@ export default function LandingPage() {
         <HeroSplitKpi
           title="The Best Developer in the World"
           description="Crafting exceptional digital experiences with cutting-edge technology and creative innovation. HOF Coral transforms ideas into powerful, scalable solutions that drive real business value."
-          background={{ variant: "aurora" }}
+          background={{ variant: "sparkles-gradient" }}
           kpis={[
             { value: "50+", label: "Projects Delivered" },
             { value: "100%", label: "Client Satisfaction" },
@@ -143,7 +143,7 @@ export default function LandingPage() {
               ]
             },
             {
-              title: "Development Stack",              description: "Node.js, Python, AWS - Scalable server architectures and DevOps",              bentoComponent: "3d-task-list",              title: "Backend Development",              items: [
+              title: "Backend Development",              description: "Node.js, Python, AWS - Scalable server architectures and DevOps",              bentoComponent: "3d-task-list",              items: [
                 { icon: Server, label: "API Design", time: "RESTful & GraphQL" },
                 { icon: Database, label: "Databases", time: "SQL & NoSQL" },
                 { icon: Cloud, label: "Cloud Deployment", time: "AWS, GCP, Azure" }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 77bca9d..ac2136a 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -75,7 +75,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="inset-glow"
                 secondaryButtonStyle="layered"
@@ -126,7 +126,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="inset-glow"
                 secondaryButtonStyle="layered"
@@ -184,7 +184,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="inset-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 976c9a5..a20e508 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -27,7 +27,7 @@ export default function ShopPage() {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="inset-glow"
                 secondaryButtonStyle="layered"
@@ -77,7 +77,7 @@ export default function ShopPage() {
             borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="inset-glow"
             secondaryButtonStyle="layered"