export function LegalLayout({ title, content }: { title: string; content: string }) {
  return (
    <section className="container-grid py-12">
      <div className="mx-auto max-w-4xl">
        <p className="text-sm font-bold uppercase text-gold">Legal</p>
        <h1 className="mt-2 font-heading text-4xl font-black">{title}</h1>
        <div className="panel mt-6 p-6 leading-7 text-[#555]">
          {content.split("\n").map((line) => (
            <p className="mb-4" key={line.slice(0, 40)}>{line}</p>
          ))}
        </div>
      </div>
    </section>
  );
}