import Link from "next/link";

const navItems = [
  { title: "首页", href: "/" },
  { title: "博客", href: "/blog" },
];

export default function Header() {
  return (
    <header className="sticky top-0 z-50 border-b border-slate-100 bg-white/80 backdrop-blur">
      <div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-6">
        <Link href="/" className="text-xl font-bold text-primary">
          企业官网
        </Link>
        <nav className="flex gap-8">
          {navItems.map((item) => (
            <Link key={item.href} href={item.href} className="text-slate-700">
              {item.title}
            </Link>
          ))}
        </nav>
      </div>
    </header>
  );
}