diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7a721be..b993b36 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -76,7 +76,7 @@ function ProductPageContent({ params }: ProductPageProps) {
 
     const themeProviderProps = {
         defaultButtonVariant: "shift-hover",        defaultTextAnimation: "entrance-slide",        borderRadius: "rounded",        contentWidth: "smallMedium",        sizing: "mediumLarge",        background: "aurora",        cardStyle: "layered-gradient",        primaryButtonStyle: "inset-glow",        secondaryButtonStyle: "radial-glow",        headingFontWeight: "normal"
-    };
+    } as const;
 
     const navbarProps = {
         navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 9e6dda7..b7b4a09 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -43,7 +43,7 @@ function ShopPageContent() {
 
     const themeProviderProps = {
         defaultButtonVariant: "shift-hover",        defaultTextAnimation: "entrance-slide",        borderRadius: "rounded",        contentWidth: "smallMedium",        sizing: "mediumLarge",        background: "aurora",        cardStyle: "layered-gradient",        primaryButtonStyle: "inset-glow",        secondaryButtonStyle: "radial-glow",        headingFontWeight: "normal"
-    };
+    } as const;
 
     const navbarProps = {
         navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],