export function PageTitle({ code, title, text }: { code: string; title: string; text: string }) {
  return (
    <section className="border-b-2 border-foreground px-4 py-12 md:px-8 md:py-20">
      <div className="mx-auto grid max-w-[1500px] gap-8 md:grid-cols-[180px_1fr]">
        <div className="text-sm font-black uppercase">{code}</div>
        <div>
          <h1 className="max-w-5xl text-5xl font-black uppercase leading-[0.88] md:text-8xl">{title}</h1>
          <p className="mt-6 max-w-2xl text-lg leading-8 text-muted-foreground">{text}</p>
        </div>
      </div>
    </section>
  );
}
