feat: scaffold headless frontend integration per design doc
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user