interface Props {
  title: string;
  description: string;
  children: React.ReactNode;
}

export default function ContentPage({ title, description, children }: Props) {
  return (
    <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
      <h1
        className="text-4xl font-bold text-gray-900 mb-4"
        style={{ fontFamily: 'var(--font-heading)' }}
      >
        {title}
      </h1>
      <p className="text-lg text-gray-600 mb-10 leading-relaxed">{description}</p>
      <div className="prose prose-gray max-w-none">{children}</div>
    </div>
  );
}