interface SeatsHeaderProps {}

export function SeatsHeader({}: SeatsHeaderProps) {
  return (
    <div className="relative bg-linear-to-r from-emerald-800 to-teal-900 text-white py-10 sm:py-16 overflow-hidden">
      <div className="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
      <div className="absolute -top-24 -right-24 w-96 h-96 bg-emerald-500 rounded-full blur-[128px] opacity-20"></div>
      <div className="absolute -bottom-24 -left-24 w-72 h-72 bg-teal-400 rounded-full blur-[100px] opacity-20"></div>

      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center">
        <h1 className="text-3xl sm:text-4xl md:text-5xl font-bold mb-4 leading-tight">
          সংসদীয় <span className="text-yellow-400">আসনসমূহ</span>
        </h1>
        <p className="text-emerald-100 text-sm sm:text-base md:text-lg max-w-2xl mx-auto font-light">
          সারাদেশের ৩০০টি সংসদীয় আসনের প্রার্থী, ভোটার সংখ্যা এবং নির্বাচনী তথ্য একনজরে দেখুন।
        </p>
      </div>
    </div>
  );
}