26 lines
721 B
TypeScript
26 lines
721 B
TypeScript
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>
|
|
);
|
|
}
|