From b99fc7b16e80b9161acef983e1b33ed7d02274df Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 12 Feb 2026 13:45:00 +0000
Subject: [PATCH] Update src/app/shop/[id]/page.tsx

---
 src/app/shop/[id]/page.tsx | 41 ++++++++++++++++++++++++++++++++++----
 1 file changed, 37 insertions(+), 4 deletions(-)

diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 50a3e99..4984a26 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -66,7 +66,7 @@ export default function ProductPage({ params }: ProductPageProps) {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
-    const themeProviderProps = {"defaultButtonVariant":"icon-arrow","defaultTextAnimation":"background-highlight","borderRadius":"sharp","contentWidth":"smallMedium","sizing":"mediumLarge","background":"floatingGradient","cardStyle":"glass-depth","primaryButtonStyle":"gradient","secondaryButtonStyle":"solid","headingFontWeight":"semibold"};
+    // themeProviderProps object removed, props are now directly on ThemeProvider
 
     const navbarProps = {"navItems":[{"name":"Home","id":"/"},{"name":"Adopt","id":"/adopt"},{"name":"About Us","id":"/about"},{"name":"Contact","id":"/contact"},{"name":"Blog","id":"/blog"},{"name":"Shop","id":"/shop"}],"brandName":"Paws & Hearts","bottomLeftText":"Connecting Pets & People","bottomRightText":"hello@pawsandhearts.org","logoHref":"/"};
 
@@ -74,7 +74,18 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     if (isLoading) {
         return (
-            <ThemeProvider {...themeProviderProps}>
+            <ThemeProvider
+                defaultButtonVariant="icon-arrow"
+                defaultTextAnimation="background-highlight"
+                borderRadius="sharp"
+                contentWidth="smallMedium"
+                sizing="mediumLarge"
+                background="floatingGradient"
+                cardStyle="glass-depth"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="solid"
+                headingFontWeight="semibold"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
@@ -96,7 +107,18 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     if (!product) {
         return (
-            <ThemeProvider {...themeProviderProps}>
+            <ThemeProvider
+                defaultButtonVariant="icon-arrow"
+                defaultTextAnimation="background-highlight"
+                borderRadius="sharp"
+                contentWidth="smallMedium"
+                sizing="mediumLarge"
+                background="floatingGradient"
+                cardStyle="glass-depth"
+                primaryButtonStyle="gradient"
+                secondaryButtonStyle="solid"
+                headingFontWeight="semibold"
+            >
                 <ReactLenis root>
                     <div id="navbar" data-section="navbar">
                         <NavbarStyleFullscreen
@@ -125,7 +147,18 @@ export default function ProductPage({ params }: ProductPageProps) {
     }
 
     return (
-        <ThemeProvider {...themeProviderProps}>
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="background-highlight"
+            borderRadius="sharp"
+            contentWidth="smallMedium"
+            sizing="mediumLarge"
+            background="floatingGradient"
+            cardStyle="glass-depth"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="solid"
+            headingFontWeight="semibold"
+        >
             <ReactLenis root>
                 <div id="navbar" data-section="navbar">
                     <NavbarStyleFullscreen