export function PageHero({ eyebrow, title, intro }: { eyebrow: string; title: string; intro: string }) {
  return <section className="section !pb-14 text-center"><div className="shell max-w-3xl"><p className="eyebrow">{eyebrow}</p><h1 className="display mt-5">{title}</h1><p className="mx-auto mt-6 max-w-2xl text-lg leading-8 text-ink/65">{intro}</p></div></section>;
}