Files
wagtailcms-frontend/components/layout/Header.tsx
T
Zhengen 73d2465ef2 feat: add solutions list/detail pages
- types: SolutionPageSummary/Detail
- services/solution.service.ts
- app/solutions: list + detail pages
- Header nav: add 解决方案 link
2026-08-06 16:24:08 +08:00

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>
);
}