Upload components/layout/header.jsx with huggingface_hub

components/layout/header.jsx

@@ -0,0 +1,38 @@
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+
+export function Header() {
+  return (
+    <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+      <div className="container flex h-14 items-center">
+        <div className="mr-4 flex">
+          <Link href="/" className="mr-6 flex items-center space-x-2">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="2"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="h-6 w-6"
+            >
+              <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" />
+              <path d="M12 6v6l4 2" />
+            </svg>
+            <span className="font-bold">MangaVerse</span>
+          </Link>
+        </div>
+        <div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">
+          <div className="w-full flex-1 md:w-auto md:flex-none">
+            <div className="text-sm text-muted-foreground">
+              Built with <Link href="https://huggingface.co/spaces/akhaliq/anycoder" className="font-medium text-primary underline underline-offset-4">anycoder</Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  )
+}