Upload components/Header.js with huggingface_hub
Browse files- components/Header.js +26 -0
components/Header.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
import Link from 'next/link';
|
| 2 |
+
|
| 3 |
+
export default function Header() {
|
| 4 |
+
return (
|
| 5 |
+
<header className="w-full bg-slate-900 border-b border-slate-700 shadow-lg">
|
| 6 |
+
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
|
| 7 |
+
<div className="flex items-center gap-3">
|
| 8 |
+
<div className="w-8 h-8 rounded bg-gradient-to-br from-purple-500 to-indigo-600 flex items-center justify-center text-white font-bold">
|
| 9 |
+
W
|
| 10 |
+
</div>
|
| 11 |
+
<h1 className="text-xl font-bold text-white">Wan2.2 LoRA Manager</h1>
|
| 12 |
+
</div>
|
| 13 |
+
<nav>
|
| 14 |
+
<Link
|
| 15 |
+
href="https://huggingface.co/spaces/akhaliq/anycoder"
|
| 16 |
+
target="_blank"
|
| 17 |
+
rel="noopener noreferrer"
|
| 18 |
+
className="text-sm font-medium text-slate-300 hover:text-white transition-colors duration-200 px-3 py-2 rounded-md hover:bg-slate-800"
|
| 19 |
+
>
|
| 20 |
+
Built with anycoder
|
| 21 |
+
</Link>
|
| 22 |
+
</nav>
|
| 23 |
+
</div>
|
| 24 |
+
</header>
|
| 25 |
+
);
|
| 26 |
+
}
|