// Reusable section header component
// eslint-disable-next-line react/prop-types
export function SectionHeader({ title, subtitle, className }) {
    return (
      <div className={`text-center mb-16 text-white ${className}`}>
        <h2 className="text-3xl md:text-4xl font-bold mb-4">
          {title}
        </h2>
        <div className="w-24 h-1 bg-blue-600 mx-auto mb-8"></div>
        {subtitle && (
          <p className="text-xl max-w-2xl mx-auto">
            {subtitle}
          </p>
        )}
      </div>
    );
  }