feat: add Contact and Accreditation pages

app/components/contactus/DepartmentDirectory.tsx

@@ -0,0 +1,49 @@
+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>
+  );
+}