diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 73f3a6c..00ae228 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,8 +3,9 @@ import { Playfair_Display, DM_Sans } from "next/font/google";
 import "./globals.css";
 import ScrollToTop from "@/components/ScrollToTop/ScrollToTop";
 // import Navbar from '@/components/Navbar/Navbar';
-import NavbarWrapper from "@/components/NavbarWrapper";
+// import NavbarWrapper from "@/components/NavbarWrapper";
 import Script from "next/script";
+import NavbarClient from "@/components/NavbarClient";
 
 const playfairDisplay = Playfair_Display({
   subsets: ["latin"],
@@ -152,7 +153,8 @@ export default function RootLayout({
           }}
         />
 
-       <NavbarWrapper />
+       {/* <NavbarWrapper /> */}
+     <NavbarClient />  
         {children}
         <ScrollToTop />
       </body>
diff --git a/src/components/NavbarClient.tsx b/src/components/NavbarClient.tsx
new file mode 100644
index 0000000..d05395c
--- /dev/null
+++ b/src/components/NavbarClient.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const Navbar = dynamic(() => import("@/components/Navbar/Navbar"), {
+  ssr: false,
+});
+
+export default function NavbarClient() {
+  return <Navbar />;
+}
diff --git a/src/components/NavbarWrapper.tsx b/src/components/NavbarWrapper.tsx
deleted file mode 100644
index 22e4ccd..0000000
--- a/src/components/NavbarWrapper.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-"use client";
-import Navbar from "./Navbar/Navbar";
-
-export default function NavbarWrapper() {
-  return <Navbar />;
-}