init app

components/Navbar.tsx

@@ -0,0 +1,22 @@
+import Link from "next/link";
+import { getCurrentUser } from "@/lib/auth";
+import { NavbarMenu } from "./NavbarMenu";
+
+export async function Navbar() {
+  const user = await getCurrentUser();
+
+  return (
+    <nav className="sticky top-0 z-50 backdrop-blur-md bg-white/80 border-b-2 border-border">
+      <div className="max-w-[1080px] mx-auto px-4 sm:px-6 h-14 sm:h-16 flex items-center justify-between">
+        <Link href="/" className="flex items-center gap-2 sm:gap-3">
+          <div className="w-8 h-8 sm:w-9 sm:h-9 rounded-xl bg-accent flex items-center justify-center shadow-card">
+            <span className="text-accent-on font-bold text-xs sm:text-sm">OL</span>
+          </div>
+          <span className="font-display text-base sm:text-lg font-bold text-fg">Order Loop</span>
+        </Link>
+
+        {user && <NavbarMenu email={user.email} />}
+      </div>
+    </nav>
+  );
+}