Initial commit

src/components/layout/Header/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { BookOpen } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { Button } from '../../ui/Button';
+
+export function Header() {
+  return (
+    <header className="border-b bg-background">
+      <div className="mx-auto flex max-w-7xl items-center justify-between px-4 py-4">
+        <Link to="/" className="flex items-center gap-2 text-xl font-bold">
+          <BookOpen className="h-6 w-6 text-foreground" />
+          <span>StudyAI</span>
+        </Link>
+        <nav className="flex items-center gap-4">
+          <Link to="/dashboard">
+            <Button variant="ghost">Dashboard</Button>
+          </Link>
+          <Link to="/auth/login">
+            <Button variant="ghost">Log in</Button>
+          </Link>
+          <Link to="/auth/signup">
+            <Button>Sign up</Button>
+          </Link>
+        </nav>
+      </div>
+    </header>
+  );
+}