10 lines
483 B
TypeScript
10 lines
483 B
TypeScript
export function SectionHeading({ eyebrow, title, body }: { eyebrow: string; title: string; body: string }) {
|
|
return (
|
|
<div className="mx-auto max-w-3xl text-center">
|
|
<p className="text-sm font-bold uppercase tracking-[0.18em] text-forest dark:text-mint">{eyebrow}</p>
|
|
<h2 className="mt-3 font-display text-4xl text-ink dark:text-paper md:text-5xl">{title}</h2>
|
|
<p className="mt-4 text-lg leading-8 text-ink/68 dark:text-paper/68">{body}</p>
|
|
</div>
|
|
);
|
|
}
|