feat: add Header component with logo, theme toggle, and language switcher

2026-08-11 08:59:32 +02:00
parent 10a06495d8
commit 6e7ee816ad
1 changed files with 18 additions and 0 deletions
@@ -0,0 +1,18 @@
+import { ThemeToggle } from '@/components/ThemeToggle'
+import { LanguageSwitcher } from '@/components/LanguageSwitcher'
+
+export function Header() {
+  return (
+    <header className="sticky top-0 z-50 border-b border-gray-100 dark:border-slate-800 bg-white/80 dark:bg-slate-950/80 backdrop-blur-sm">
+      <div className="max-w-5xl mx-auto px-6 py-3 flex items-center justify-between">
+        <span className="text-xl font-bold tracking-tight select-none">
+          <span className="text-violet-600 dark:text-violet-400">O</span>mbrora
+        </span>
+        <div className="flex items-center gap-3">
+          <ThemeToggle />
+          <LanguageSwitcher />
+        </div>
+      </div>
+    </header>
+  )
+}