diff --git a/web/app/components/ClientLayout.tsx b/web/app/components/ClientLayout.tsx
new file mode 100644
index 0000000..9058838
--- /dev/null
+++ b/web/app/components/ClientLayout.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import Navbar from "@/components/navbar"
+import MouseMoveEffect from "@/components/mouse-move-effect"
+
+export default function ClientLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Navbar />
+      <MouseMoveEffect />
+      <div className="pt-16 md:pt-16">{children}</div>
+    </>
+  )
+}