diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 1bca1f3..bcd8264 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -13,11 +13,11 @@ export default function BlogPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="text-stagger"
-            defaultTextAnimation="reveal-blur"
+            defaultTextAnimation="entrance-slide"
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e920cc..84aa648 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,11 +15,11 @@ export default function BarberShopPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
       borderRadius="pill"
       contentWidth="smallMedium"
       sizing="mediumLargeSizeMediumTitles"
-      background="aurora"
+      background="circleGradient"
       cardStyle="layered-gradient"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="solid"
@@ -44,7 +44,7 @@ export default function BarberShopPage() {
         <HeroSplitKpi
           title="Premium Barbering for the Modern Man"
           description="Experience expert grooming in our welcoming barber shop. Professional cuts, clean shaves, and impeccable styling from our master barbers."
-          background={{ variant: "aurora" }}
+          background={{ variant: "glowing-orb" }}
           kpis={[
             { value: "15+", label: "Years of Excellence" },
             { value: "2500+", label: "Happy Customers" },
@@ -60,7 +60,7 @@ export default function BarberShopPage() {
           imageSrc="https://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
           imageAlt="Modern barber shop interior"
           imagePosition="right"
-          mediaAnimation="reveal-blur"
+          mediaAnimation="slide-up"
         />
       </div>
 
@@ -177,7 +177,7 @@ export default function BarberShopPage() {
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           termsText="We respect your privacy and will only send you updates about our services and special offers. Unsubscribe anytime."
-          mediaAnimation="reveal-blur"
+          mediaAnimation="slide-up"
         />
       </div>
 
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 6586c40..c32d47f 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -70,11 +70,11 @@ export default function ProductPage({ params }: ProductPageProps) {
         return (
             <ThemeProvider
                 defaultButtonVariant="text-stagger"
-                defaultTextAnimation="reveal-blur"
+                defaultTextAnimation="entrance-slide"
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
@@ -118,11 +118,11 @@ export default function ProductPage({ params }: ProductPageProps) {
         return (
             <ThemeProvider
                 defaultButtonVariant="text-stagger"
-                defaultTextAnimation="reveal-blur"
+                defaultTextAnimation="entrance-slide"
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
@@ -173,11 +173,11 @@ export default function ProductPage({ params }: ProductPageProps) {
     return (
         <ThemeProvider
             defaultButtonVariant="text-stagger"
-            defaultTextAnimation="reveal-blur"
+            defaultTextAnimation="entrance-slide"
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index ebe6753..708ac4b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -20,11 +20,11 @@ export default function ShopPage() {
         return (
             <ThemeProvider
                 defaultButtonVariant="text-stagger"
-                defaultTextAnimation="reveal-blur"
+                defaultTextAnimation="entrance-slide"
                 borderRadius="pill"
                 contentWidth="smallMedium"
                 sizing="mediumLargeSizeMediumTitles"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="layered-gradient"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="solid"
@@ -67,11 +67,11 @@ export default function ShopPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="text-stagger"
-            defaultTextAnimation="reveal-blur"
+            defaultTextAnimation="entrance-slide"
             borderRadius="pill"
             contentWidth="smallMedium"
             sizing="mediumLargeSizeMediumTitles"
-            background="aurora"
+            background="circleGradient"
             cardStyle="layered-gradient"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="solid"