import Link from "next/link";

const navItems = [
  { title: "首页", href: "/" },
  { title: "产品", href: "/products" },
  { title: "解决方案", href: "/solutions" },
  { title: "案例", href: "/cases" },
  { 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>
  );
}