import DepartmentCard from "./DepartmentCard";
import DepartmentCardBlue from "./DepartmentCardBlue";
import DepartmentCardEmpty from "./DepartmentCardEmpty";

const departments = [
  {
    icon: "fas fa-graduation-cap",
    title: "Admissions & Enrollment",
    description: "Questions regarding application processes, deadlines, program requirements, and international student visas.",
    email: "admissions@parisresearch.edu",
    phone: "+33 1 23 45 67 89",
  },
  {
    icon: "fas fa-handshake",
    title: "Industry Partnerships",
    description: "Corporate sponsorships, technology transfer, joint research ventures, and industry-funded scholarships.",
    email: "partners@parisresearch.edu",
    phone: "+33 1 23 45 67 91",
  },
  {
    icon: "fas fa-bullhorn",
    title: "Media & Press",
    description: "Press releases, expert commentary requests, media kits, and institutional branding guidelines.",
    email: "press@parisresearch.edu",
    phone: "+33 1 23 45 67 92",
  },
  {
    icon: "fas fa-book-open",
    title: "Repository Support",
    description: "Assistance with navigating the publication database, requesting access to restricted papers, and submitting new works.",
    email: "library@parisresearch.edu",
    phone: "+33 1 23 45 67 93",
  },
];

export default function DepartmentDirectory() {
  return (
    <section id="department-directory" className="py-20 px-6 lg:px-12 max-w-[1440px] mx-auto -mt-10 relative z-10">
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        <DepartmentCard {...departments[0]} />
        <DepartmentCardBlue />
        <DepartmentCard {...departments[1]} />
        <DepartmentCard {...departments[2]} />
        <DepartmentCard {...departments[3]} />
        <DepartmentCardEmpty />
      </div>
    </section>
  );
}