src/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSignup from "@/components/sections/hero/HeroSignup";
 import { Sparkles } from "lucide-react";
@@ -30,11 +30,13 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarLayoutFloatingOverlay
-        navItems={navItems}
-        brandName="Webild"
-        button={button}
-      />
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={navItems}
+          brandName="Webild"
+          button={button}
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroSignup