diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx
new file mode 100644
index 0000000..2812262
--- /dev/null
+++ b/components/navbar/index.tsx
@@ -0,0 +1,15 @@
+"use client";
+import Link from "next/link";
+import { Logo } from "../Logo";
+
+export function NavBar() {
+  return (
+    <nav className="fixed top-0 left-0 right-0 z-50 flex justify-center p-4">
+      <div className="bg-white/80 backdrop-blur-md border-2 border-black shadow-[4px_4px_0px_0px_rgba(0,0,0,1)] px-6 py-2 rounded-full">
+        <Link href="/">
+          <Logo />
+        </Link>
+      </div>
+    </nav>
+  );
+}