diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 960f7ce..73f3a6c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,7 +2,8 @@ import type { Metadata } from "next";
 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 Navbar from '@/components/Navbar/Navbar';
+import NavbarWrapper from "@/components/NavbarWrapper";
 import Script from "next/script";
 
 const playfairDisplay = Playfair_Display({
@@ -151,7 +152,7 @@ export default function RootLayout({
           }}
         />
 
-        <Navbar />
+       <NavbarWrapper />
         {children}
         <ScrollToTop />
       </body>
diff --git a/src/components/NavbarWrapper.tsx b/src/components/NavbarWrapper.tsx
new file mode 100644
index 0000000..22e4ccd
--- /dev/null
+++ b/src/components/NavbarWrapper.tsx
@@ -0,0 +1,6 @@
+"use client";
+import Navbar from "./Navbar/Navbar";
+
+export default function NavbarWrapper() {
+  return <Navbar />;
+}