diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad1f7a4..2b5a974 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/components/theme/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 
 export default function Home() {
@@ -17,18 +17,20 @@ export default function Home() {
       secondaryButtonStyle="solid"
       headingFontWeight="bold"
     >
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Menu", id: "#menu" },
-          { name: "About", id: "#about" },
-          { name: "Contact", id: "#contact" },
-          { name: "Order", id: "#order" },
-        ]}
-        brandName="Kzone"
-        bottomLeftText="24/7 Service"
-        bottomRightText="Kigamboni, Tanzania"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "#menu" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "#contact" },
+            { name: "Order", id: "#order" },
+          ]}
+          brandName="Kzone"
+          bottomLeftText="24/7 Service"
+          bottomRightText="Kigamboni, Tanzania"
+        />
+      </div>
     </ThemeProvider>
   );
 }