'style3

app/components/Header.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import Link from "next/link";
+import ThemeToggle from "./ThemeToggle";
+
+export default function Header() {
+  return (
+    <header className="sticky top-0 z-40 w-full border-b border-stone-200/80 dark:border-stone-800 bg-[#faf8f5]/95 dark:bg-stone-950/95 backdrop-blur">
+      <div className="max-w-[900px] mx-auto px-4 sm:px-6 h-14 flex items-center justify-between">
+        <Link href="/" className="font-semibold text-stone-800 dark:text-stone-100 text-base">
+          Salon
+        </Link>
+        <ThemeToggle />
+      </div>
+    </header>
+  );
+}