export default function DepartmentCardBlue() {
  return (
    <div className="bg-primary text-white rounded-[16px] p-8 shadow-[0_8px_30px_rgb(38,60,111,0.15)] transition-all duration-300 flex flex-col h-full relative overflow-hidden">
      <div className="absolute top-0 right-0 w-32 h-32 bg-white/5 rounded-full -mr-10 -mt-10 blur-xl"></div>
      <div className="w-14 h-14 bg-white/10 rounded-[12px] flex items-center justify-center text-white text-2xl mb-6 backdrop-blur-sm border border-white/20">
        <i className="fas fa-microscope"></i>
      </div>
      <div className="contact-card-title font-display font-bold mb-3">Research Office</div>
      <p className="text-sm text-white/80 mb-6 flex-grow relative z-10">
        Grant applications, ethics committee approvals, lab space allocation, and cross-disciplinary collaboration opportunities.
      </p>
      <div className="pt-4 border-t border-white/20 mt-auto relative z-10">
        <a href="mailto:research@parisresearch.edu" className="flex items-center gap-3 text-sm text-white/90 hover:text-white mb-3 transition-colors">
          <i className="far fa-envelope w-4 opacity-80"></i> research@parisresearch.edu
        </a>
        <a href="tel:+33123456790" className="flex items-center gap-3 text-sm text-white/90 hover:text-white transition-colors">
          <i className="fas fa-phone w-4 opacity-80"></i> +33 1 23 45 67 90
        </a>
      </div>
    </div>
  );
}