Initial commit

components/Header.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import Link from "next/link";
+import UserMenu from "./UserMenu";
+
+export default function Header() {
+  return (
+    <header className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-40">
+      <div className="container mx-auto px-4 py-4">
+        <div className="flex items-center justify-between">
+          {/* 应用标题 */}
+          <Link
+            href="/dashboard"
+            className="flex items-center gap-3 hover:opacity-80 transition-opacity"
+          >
+            <div className="w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center">
+              <svg
+                className="w-5 h-5 text-white"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeWidth={2}
+                  d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"
+                />
+              </svg>
+            </div>
+            <div>
+              <h1 className="text-xl font-bold text-gray-900 dark:text-white">
+                录音应用
+              </h1>
+              <p className="text-sm text-gray-500 dark:text-gray-400">
+                录制、管理和分享你的音频
+              </p>
+            </div>
+          </Link>
+
+          {/* 用户菜单 */}
+          <UserMenu />
+        </div>
+      </div>
+    </header>
+  );
+}