Claude
0cff3902b2
Pricing shows no plans, prices or free trial until decided. Docs search and articles without pages are shown but not linked. Disables the agent file that next dev generates. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014SdXCbrN5PtGExkpvMaMHx
15 lines
615 B
TypeScript
15 lines
615 B
TypeScript
import type { ReactNode } from 'react';
|
|
import { SectionHeader } from '../home/SectionHeader.tsx';
|
|
|
|
type Props = { eyebrow: string; title: string; subtitle?: string; children?: ReactNode };
|
|
|
|
/** The top of a marketing page: eyebrow, the page heading, one supporting sentence and the page's actions. */
|
|
export function PageHero({ eyebrow, title, subtitle, children }: Props) {
|
|
return (
|
|
<section className="m-pagehero">
|
|
<SectionHeader as="h1" eyebrow={eyebrow} title={title} {...(subtitle ? { subtitle } : {})} />
|
|
{children && <div className="m-hero-actions">{children}</div>}
|
|
</section>
|
|
);
|
|
}
|