diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 5ae2ece..0704e8a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,7 +10,8 @@ const interTight = Inter_Tight({
 });
 
 export const metadata: Metadata = {
-  title: "How can I help you?",  description: "Your helpful assistant ready to support you with any questions or tasks you might have."};
+  title: "How can I help you?",  description: "Your helpful assistant ready to support you with any questions or tasks you might have."
+};
 
 export default function RootLayout({
   children,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4fe0fd8..79b747d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,13 +8,13 @@ export default function LandingPage() {
       defaultButtonVariant="text-stagger"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
-      contentWidth={undefined}
-      sizing={undefined}
-      background={undefined}
-      cardStyle={undefined}
-      primaryButtonStyle={undefined}
-      secondaryButtonStyle={undefined}
-      headingFontWeight={undefined}
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex items-center justify-center">
         <div className="text-center space-y-8">
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 6bb2750..520f29a 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -66,7 +66,18 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     if (isLoading) {
         return (
-            <ThemeProvider>
+            <ThemeProvider
+                defaultButtonVariant="text-stagger"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="medium"
+                sizing="medium"
+                background="circleGradient"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="glass"
+                headingFontWeight="normal"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                     </div>
@@ -82,7 +93,18 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     if (!product) {
         return (
-            <ThemeProvider>
+            <ThemeProvider
+                defaultButtonVariant="text-stagger"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="medium"
+                sizing="medium"
+                background="circleGradient"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="glass"
+                headingFontWeight="normal"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                     </div>
@@ -105,7 +127,18 @@ export default function ProductPage({ params }: ProductPageProps) {
     }
 
     return (
-        <ThemeProvider>
+        <ThemeProvider
+            defaultButtonVariant="text-stagger"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="circleGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="normal"
+        >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                 </div>
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index a7b1197..6426e48 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -16,7 +16,18 @@ export default function ShopPage() {
 
     if (isLoading) {
         return (
-            <ThemeProvider>
+            <ThemeProvider
+                defaultButtonVariant="text-stagger"
+                defaultTextAnimation="entrance-slide"
+                borderRadius="rounded"
+                contentWidth="medium"
+                sizing="medium"
+                background="circleGradient"
+                cardStyle="glass-elevated"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="glass"
+                headingFontWeight="normal"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                     </div>
@@ -31,7 +42,18 @@ export default function ShopPage() {
     }
 
     return (
-        <ThemeProvider>
+        <ThemeProvider
+            defaultButtonVariant="text-stagger"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="circleGradient"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="normal"
+        >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                 </div>