feat: initial commit.

components/Header.tsx

@@ -0,0 +1,25 @@
+const links = [
+  { href: "/", label: "Home" },
+  { href: "/sign-in", label: "Sign in" },
+  { href: "/sign-up", label: "Sign up" },
+  { href: "/dashboard", label: "Dashboard" },
+];
+
+export default function Header() {
+  return (
+    <div class="navbar bg-base-100 shadow-sm">
+      <div class="flex-1">
+        <a class="btn btn-ghost text-xl">daisyUI</a>
+      </div>
+      <div class="flex-none">
+        <ul class="menu menu-horizontal px-1">
+          {links.map((l) => (
+            <li key={l.href}>
+              <a href={l.href}>{l.label}</a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}