diff --git a/src/app/page.tsx b/src/app/page.tsx
index 88f5adf..d5b17eb 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";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
@@ -25,18 +25,20 @@ export default function Home() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleFullscreen
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Features", id: "features" },
-          { name: "Pricing", id: "pricing" },
-          { name: "Testimonials", id: "testimonials" },
-          { name: "FAQ", id: "faq" },
-        ]}
-        brandName="Exotic Pets"
-        bottomLeftText="Premium & Ethical"
-        bottomRightText="hello@exoticpets.com"
-      />
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "features" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "FAQ", id: "faq" },
+          ]}
+          brandName="Exotic Pets"
+          bottomLeftText="Premium & Ethical"
+          bottomRightText="hello@exoticpets.com"
+        />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitKpi
@@ -110,9 +112,7 @@ export default function Home() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          buttons={[
-            { text: "Get Started", href: "#contact" },
-          ]}
+          buttons={[{ text: "Get Started", href: "#contact" }]}
         />
       </div>