diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index dd3b036..c982248 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { ThemeProvider } from '@/components/themeProvider/ThemeProvider';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import CardStack from '@/components/cardStack/CardStack';
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac05448..b9385e7 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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
@@ -167,6 +167,7 @@ export default function Home() {
             description="Enter your email to get started or reach out to us directly."
             tagIcon={Sparkles}
             background={{ variant: 'radial-gradient' }}
+            useInvertedBackground={false}
             inputPlaceholder="Your email address"
             buttonText="Join the waitlist"
             termsText="By clicking Join the waitlist you're confirming that you agree with our Terms and Conditions."
diff --git a/src/app/product-detail/page.tsx b/src/app/product-detail/page.tsx
index b2ec0a6..6d0a1e8 100644
--- a/src/app/product-detail/page.tsx
+++ b/src/app/product-detail/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "next-themes";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import { Sparkles, ShoppingCart, Heart, Share2, Scale } from "lucide-react"; // Example icons
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
@@ -29,7 +29,18 @@ export default function ProductDetailPage() {
   ];
 
   return (
-    <ThemeProvider attribute="class" enableSystem>
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
       <NavbarStyleApple navItems={navItems} brandName="Hara Minimalist Living" />
       <main className="min-h-screen bg-background text-foreground">
         <div className="container mx-auto px-4 py-8">