2026-10-13 22:56:52 +02:00
|
|
|
/**
|
|
|
|
|
* Page heading adapted from OnCo PageHeader: kicker, title, lede.
|
2026-10-13 23:32:25 +02:00
|
|
|
* https://github.com/judegomila/OnCo @ b594d7433bf4e408b44215e25e5304696d6f840e
|
2026-10-13 22:56:52 +02:00
|
|
|
* Copyright (c) 2026 OnCo for the adapted pattern. MIT License. See ui/NOTICE.
|
|
|
|
|
* Garden art and domain logos are not included.
|
|
|
|
|
*/
|
|
|
|
|
export function PageHeader({ kicker, title, lede }: { kicker?: string; title: string; lede?: string }) {
|
|
|
|
|
return (
|
|
|
|
|
<header className="border-b border-border">
|
|
|
|
|
<div className="mx-auto max-w-7xl px-4 pt-8 pb-6 sm:px-6 sm:pt-10">
|
|
|
|
|
{kicker ? <p className="kicker mb-2">{kicker}</p> : null}
|
|
|
|
|
<h1 className="text-3xl font-semibold tracking-tight first-letter:uppercase sm:text-4xl">{title}</h1>
|
|
|
|
|
{lede ? <p className="mt-3 max-w-3xl text-[17px] leading-relaxed text-foreground/85 sm:text-lg">{lede}</p> : null}
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
);
|
|
|
|
|
}
|
