diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 26b7bae..8e73290 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import ThemeProvider from "@/components/ThemeProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
@@ -20,7 +20,8 @@ export default function ContactPage() {
   ];
 
   const [formData, setFormData] = useState({
-    name: "",    email: "",    subject: "",    message: ""});
+    name: "",    email: "",    subject: "",    message: ""
+  });
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const { name, value } = e.target;
@@ -51,7 +52,9 @@ export default function ContactPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
-      <NavbarStyleApple navItems={navItems} brandName="Vortex" />
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={navItems} brandName="Vortex" />
+      </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial