diff --git a/src/app/kontakt/page.tsx b/src/app/kontakt/page.tsx
index 13e0735..3f07431 100644
--- a/src/app/kontakt/page.tsx
+++ b/src/app/kontakt/page.tsx
@@ -16,7 +16,7 @@ export default function ContactPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 29e1d91..f1074e9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function HomePage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
@@ -48,7 +48,7 @@ export default function HomePage() {
           tag="Lokales Restaurant seit Jahren bewährt"
           tagIcon={MapPin}
           tagAnimation="slide-up"
-          background={{ variant: "noiseDiagonalGradient" }}
+          background={{ variant: "canvas-reveal" }}
           imageSrc="http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20505.jpg"
           imageAlt="Gemütliches Restaurant Willich mit modernem Ambiente"
           buttons={[
diff --git a/src/app/speisekarte/page.tsx b/src/app/speisekarte/page.tsx
index 6052290..2bc146b 100644
--- a/src/app/speisekarte/page.tsx
+++ b/src/app/speisekarte/page.tsx
@@ -15,7 +15,7 @@ export default function MenuPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"
diff --git a/src/app/uber-uns/page.tsx b/src/app/uber-uns/page.tsx
index 8830896..d7207e9 100644
--- a/src/app/uber-uns/page.tsx
+++ b/src/app/uber-uns/page.tsx
@@ -16,7 +16,7 @@ export default function AboutPage() {
       borderRadius="pill"
       contentWidth="mediumLarge"
       sizing="largeSmallSizeMediumTitles"
-      background="noiseDiagonalGradient"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="flat"
       secondaryButtonStyle="layered"