diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1a8e98c..2558ecf 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="soft"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="radial-gradient"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 90fbcc6..ef5aab6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="soft"
       contentWidth="small"
       sizing="mediumLargeSizeMediumTitles"
-      background="aurora"
+      background="radial-gradient"
       cardStyle="subtle-shadow"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroLogoBillboardSplit
           logoText="INTERCITY"
           description="Experience luxury at the heart of London. Premium accommodations with world-class service in central London's most sought-after location."
-          background={{ variant: "aurora" }}
+          background={{ variant: "radial-gradient" }}
           buttons={[
             { text: "Book Your Stay", href: "https://booking.example.com" },
             { text: "Explore Rooms", href: "#rooms" }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 528657a..42a8d1f 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="small"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="radial-gradient"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -121,7 +121,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="soft"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="radial-gradient"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -175,7 +175,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="soft"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="radial-gradient"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b59ef9c..db5de8b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -27,7 +27,7 @@ export default function ShopPage() {
                 borderRadius="soft"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="radial-gradient"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -73,7 +73,7 @@ export default function ShopPage() {
             borderRadius="soft"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="radial-gradient"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"