- types: Product/CaseStudy page types, CaseStudyBlockValue, FormBlockValue - services: product.service.ts, case.service.ts - app/products, app/cases: list + detail pages - blocks: CaseStudyCard, LeadForm (submits to /api/v1/custom/leads/) - Header nav: add 产品/案例 links
28 lines
802 B
TypeScript
28 lines
802 B
TypeScript
import Link from "next/link";
|
|
|
|
const navItems = [
|
|
{ title: "首页", href: "/" },
|
|
{ title: "产品", href: "/products" },
|
|
{ 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>
|
|
);
|
|
}
|