35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { Activity } from "lucide-react";
|
|
import { useTranslations } from "next-intl";
|
|
import { Link } from "@/i18n/navigation";
|
|
import { LanguageSwitcher } from "./language-switcher";
|
|
|
|
export function Navbar() {
|
|
const t = useTranslations("navbar");
|
|
|
|
return (
|
|
<nav className="fixed top-0 left-0 right-0 z-50 border-b border-white/5 bg-[var(--bg-primary)]/80 backdrop-blur-xl">
|
|
<div className="mx-auto flex h-14 max-w-[1800px] items-center justify-between px-4">
|
|
<Link href="/" className="flex items-center gap-2">
|
|
<span className="text-2xl">🦞</span>
|
|
<span
|
|
className="font-mono text-lg font-bold tracking-tight"
|
|
style={{ color: "var(--accent-cyan)", textShadow: "var(--glow-cyan)" }}
|
|
>
|
|
{t("brand")}
|
|
</span>
|
|
</Link>
|
|
|
|
<div className="flex items-center gap-3">
|
|
<div className="flex items-center gap-1.5">
|
|
<Activity className="h-3.5 w-3.5 text-[var(--accent-green)]" />
|
|
<span className="text-xs text-[var(--text-secondary)]">{t("live")}</span>
|
|
</div>
|
|
<LanguageSwitcher />
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
);
|
|
}
|