diff --git a/src/app/(main)/components/header.tsx b/src/app/(main)/components/header.tsx
new file mode 100644
index 0000000..b9ebb4d
--- /dev/null
+++ b/src/app/(main)/components/header.tsx
@@ -0,0 +1,13 @@
+import { UserNav } from "./user-nav";
+import { Logo } from "@/components/logo";
+
+export default function Header() {
+  return (
+    <div className="h-12 flex items-center">
+      <div className="flex justify-between container mx-auto px-4">
+        <Logo className="h-8 w-auto" />
+        <UserNav />
+      </div>
+    </div>
+  );
+}