diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 2558ecf..1a8e98c 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="radial-gradient"
+            background="aurora"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ef5aab6..90fbcc6 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="radial-gradient"
+      background="aurora"
       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: "radial-gradient" }}
+          background={{ variant: "aurora" }}
           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 42a8d1f..528657a 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="radial-gradient"
+                background="aurora"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -121,7 +121,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="soft"
                 contentWidth="small"
                 sizing="mediumLargeSizeMediumTitles"
-                background="radial-gradient"
+                background="aurora"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -175,7 +175,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="soft"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
-            background="radial-gradient"
+            background="aurora"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index db5de8b..b59ef9c 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="radial-gradient"
+                background="aurora"
                 cardStyle="subtle-shadow"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="glass"
@@ -73,7 +73,7 @@ export default function ShopPage() {
             borderRadius="soft"
             contentWidth="small"
             sizing="mediumLargeSizeMediumTitles"
-            background="radial-gradient"
+            background="aurora"
             cardStyle="subtle-shadow"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="glass"