export default function SectionHeader({ title, subtitle }) {
  return (
    <div className="w-full text-center px-4 py-10 sm:py-12">
      <h1 className="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-slate-900">
        {title}
      </h1>

      {subtitle && (
        <p className="mt-4 max-w-3xl mx-auto text-base sm:text-lg md:text-xl text-slate-600 leading-relaxed">
          {subtitle}
        </p>
      )}
    </div>
  );
}