export default function ContactHero() {
  return (
    <section id="contact-hero" className="bg-white border-b border-gray-200 pt-16 pb-20 px-6 lg:px-12">
      <div className="max-w-[1440px] mx-auto text-center">
        <span className="inline-block bg-blue-50 text-xs font-bold px-4 py-2 uppercase tracking-wider rounded-full mb-3 border border-blue-100" style={{ color: "rgb(38, 60, 111)" }}>
          Get in Touch
        </span>
        <div className="contact-heading font-display font-bold text-dark mb-6 leading-tight max-w-3xl mx-auto">
          How can we help advance your research journey?
        </div>
        <p className="text-gray-600 text-lg mb-0 leading-relaxed max-w-2xl mx-auto">
          Connect with our specialized departments to find the support, guidance, and resources you need to succeed at Paris Research University.
        </p>
      </div>
    </section>
  );
}