- types: SolutionPageSummary/Detail - services/solution.service.ts - app/solutions: list + detail pages - Header nav: add 解决方案 link
29 lines
851 B
TypeScript
29 lines
851 B
TypeScript
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>
|
|
);
|
|
}
|