export { SiteFooter } from "@/components/site-footer";
export { SiteHeader } from "@/components/site-header";

export function PageIntro({
  eyebrow,
  title,
  text,
}: {
  eyebrow: string;
  title: string;
  text: string;
}) {
  return (
    <section className="mx-auto max-w-7xl px-5 pb-8 pt-12 sm:pb-10 sm:pt-14 lg:px-8">
      <p className="eyebrow text-[#c4a882]">{eyebrow}</p>
      <h1 className="heading-page mt-4 max-w-3xl text-white">{title}</h1>
      <p className="body-copy mt-4 max-w-2xl text-white/80">{text}</p>
    </section>
  );
}