interface PageHeaderProps {
    title: string;
    subtitle?: string;
    bgImage?: string;
}

interface PageHeaderProps {
  title: string;
  subtitle?: string;
  bgImage?: string;
}

export default function PageHeader({ title, subtitle, bgImage }: PageHeaderProps) {
  return (
    <header
      className="relative w-full py-20 px-4 bg-center bg-cover"
      style={{ backgroundImage: bgImage ? `url(${bgImage})` : undefined }}
    >
      {bgImage && <div className="absolute inset-0 bg-black/50" />}

      <div className="relative max-w-7xl mx-auto text-center text-white">
        <h1 className="text-4xl md:text-5xl font-bold">{title}</h1>
        {subtitle && (
          <p className="text-lg mt-3 max-w-2xl mx-auto text-gray-200">
            {subtitle}
          </p>
        )}
      </div>
    </header>
  );
}