diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index c803182..5154f77 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import TextBox from '@/components/Textbox';
 
diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
index e409033..c53eb10 100644
--- a/src/app/auth/page.tsx
+++ b/src/app/auth/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 
diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 6c2054d..ae4d1d9 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import { CheckCircle, CreditCard, Receipt } from "lucide-react"; // Icons for checkout
 
diff --git a/src/app/orders/page.tsx b/src/app/orders/page.tsx
index 057de81..1752c2c 100644
--- a/src/app/orders/page.tsx
+++ b/src/app/orders/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import TextBox from '@/components/Textbox';
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0384add..aeaa786 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
 import { ShoppingBag, User, History } from "lucide-react";
diff --git a/src/app/product-details/page.tsx b/src/app/product-details/page.tsx
index 234e194..be1a904 100644
--- a/src/app/product-details/page.tsx
+++ b/src/app/product-details/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 import React from "react";
-import { ThemeProvider } from "@/components/theme-provider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
 import ProductCardThree from "@/components/sections/product/ProductCardThree";
@@ -52,6 +52,8 @@ export default function ProductDetailsPage() {
             gridVariant="uniform-all-items-equal"
             title="Featured Sneakers"
             description="Explore our latest custom designs."
+            textboxLayout="default"
+            useInvertedBackground={false}
             products={[
               {
                 id: "1",                name: "The Urban Glide",                price: "$180",                imageSrc: "https://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005661.jpg",                imageAlt: "The Urban Glide Sneaker",                rating: 5,