diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index b9338cd..49dbd5b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -46,16 +46,16 @@ function ShopPageContent() {
     if (isLoading) {
         return (
             <ThemeProvider
-                defaultButtonVariant="elastic-effect"
-                defaultTextAnimation="entrance-slide"
-                borderRadius="rounded"
-                contentWidth="mediumLarge"
-                sizing="largeSmall"
-                background="noise"
-                cardStyle="gradient-mesh"
-                primaryButtonStyle="primary-glow"
-                secondaryButtonStyle="radial-glow"
-                headingFontWeight="medium"
+                defaultButtonVariant="directional-hover"
+                defaultTextAnimation="reveal-blur"
+                borderRadius="pill"
+                contentWidth="medium"
+                sizing="mediumLarge"
+                background="aurora"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="radial-glow"
+                secondaryButtonStyle="glass"
+                headingFontWeight="bold"
             >
                 <div id="nav" data-section="nav">
                     <NavbarLayoutFloatingOverlay
@@ -93,16 +93,16 @@ function ShopPageContent() {
 
     return (
         <ThemeProvider
-            defaultButtonVariant="elastic-effect"
-            defaultTextAnimation="entrance-slide"
-            borderRadius="rounded"
-            contentWidth="mediumLarge"
-            sizing="largeSmall"
-            background="noise"
-            cardStyle="gradient-mesh"
-            primaryButtonStyle="primary-glow"
-            secondaryButtonStyle="radial-glow"
-            headingFontWeight="medium"
+            defaultButtonVariant="directional-hover"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="mediumLarge"
+            background="aurora"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="radial-glow"
+            secondaryButtonStyle="glass"
+            headingFontWeight="bold"
         >
             <div id="nav" data-section="nav">
                 <NavbarLayoutFloatingOverlay
@@ -165,4 +165,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}
\ No newline at end of file