diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3723130..3919021 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,5 +1,5 @@
 'use client';
-import { ThemeProvider } from 'next-themes';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
@@ -29,7 +29,6 @@ export default function Home() {
       <NavbarStyleCentered navItems={navItems} brandName="Webild" logoSrc="https://via.placeholder.com/40" />
       <main className="flex min-h-screen flex-col items-center justify-between">
         <HeroCentered
-          id="hero"
           title="Welcome to Our Store!"
           description="Explore our amazing products and enjoy a seamless shopping experience from cart to checkout."
           background={{ variant: 'radial-gradient' }}