export default function ContactHeroSection({ data }: { data: any }) {
  return (
    <section className="relative overflow-hidden bg-slate-900">
      <div className="absolute inset-0 bg-[url('/storage/advanced-fields/header/contact-us-header.jpg')] bg-cover bg-center" />
      <div className="absolute inset-0 bg-slate-900/50" />
      <div className="relative mx-auto flex min-h-[200px] w-full max-w-6xl flex-col items-center justify-center gap-3 px-4 py-12 text-center sm:min-h-[240px] sm:px-6 md:min-h-[280px] md:py-16">
      
        <h1 className="text-3xl font-bold text-white md:text-4xl">{data.main_title}</h1>
        
      </div>
    </section>
  );
}