diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
new file mode 100644
index 0000000..6f27ca0
--- /dev/null
+++ b/src/components/navbar.tsx
@@ -0,0 +1,17 @@
+import { UserButton } from "@/features/auth/components/user-button";
+import { MobileSidebar } from "./mobile-sidebar";
+
+export const Navbar = () => {
+  return (
+    <nav className="pt-4 px-6 flex items-center justify-between">
+      <div className="flex-col hidden lg:flex">
+        <h1 className="text-2xl font-semibold">Home</h1>
+        <p className="text-muted-foreground">
+          Monitor all of your projects and tasks here
+        </p>
+      </div>
+      <MobileSidebar />
+      <UserButton />
+    </nav>
+  );
+};