Update grid.tsx

kn4ihp · Aug 4, 2024 · ce919f4 · ce919f4
1 parent 7880d6d
commit ce919f4
Showing 1 changed file with 93 additions and 2 deletions.
diff --git a/components/grid.tsx b/components/grid.tsx
@@ -1,10 +1,101 @@
 // components/Grid.js
 import Image from 'next/image';
-import teamMembers from '/team';
+
+// data/team.js
+const teamMembers = [
+  {
+    name: "Lekan Afuye, Ph.D.",
+    title: "Vice President",
+    image: "/Lekan_Afuye.jpg",
+    linkedin: "https://www.linkedin.com/in/olalekan-afuye/"
+  },
+  {
+    name: "Alida Monaco",
+    title: "Chief of Operations",
+    image: "/Alida_Monaco.jpg",
+    linkedin: "https://www.linkedin.com/in/alida-monaco-4699a482"
+  },
+  {
+    name: "Philip Abel",
+    title: "Secretary",
+    image: "/Philip_Abel.jpg",
+    linkedin: "https://www.linkedin.com/in/abelphilip/"
+  },
+  {
+    name: "Zaidat Ibrahim",
+    title: "Member",
+    image: "/Zaidat_Ibrahim.jpg",
+    linkedin: "https://www.linkedin.com/in/zaidati"
+  },
+  {
+    name: "Victory Yinka-Banjo",
+    title: "Member",
+    image: "/Victory_Yinka-Banjo.jpg",
+    linkedin: "https://www.linkedin.com/in/victory-yinka-banjo"
+  },
+  {
+    name: "Ojima Abraham",
+    title: "Member",
+    image: "/Ojima_Abraham.jpg",
+    linkedin: "https://www.linkedin.com/in/ojima-abraham/"
+  },
+  {
+    name: "Atinuke Adegbile",
+    title: "Member",
+    image: "/Atinuke_Adegbile.jpg",
+    linkedin: "https://ng.linkedin.com/in/atinuke-adegbile-267542b7"
+  },
+  {
+    name: "Hamidah Oderinwale",
+    title: "Member",
+    image: "/Hamidah_Oderinwale.jpg",
+    linkedin: "https://ca.linkedin.com/in/hamidaho"
+  },
+  {
+    name: "Eric Mibuari, Ph.D",
+    title: "Member",
+    image: "/Eric_Mibuari.jpg",
+    linkedin: "https://www.linkedin.com/in/eric-mibuari-bb24044/"
+  },
+  {
+    name: "Joshua Nwozor",
+    title: "Member",
+    image: "/Joshua_Nwozor.jpg",
+    linkedin: "https://www.linkedin.com/in/joshuatochukwunwozor"
+  },
+  {
+    name: "Akachukwu Obi, Ph.D",
+    title: "Member",
+    image: "/Akachukwu_Obi.jpg",
+    linkedin: "https://www.linkedin.com/in/aobi"
+  },
+  {
+    name: "Joseph Ekpenyong",
+    title: "Member",
+    image: "/Joseph_Ekpenyong.jpg",
+    linkedin: "https://www.linkedin.com/in/joejekpenyong"
+  },
+  {
+    name: "Ekene Ezeunala",
+    title: "Member",
+    image: "/Ekene_Ezeunala.jpg",
+    linkedin: "https://www.linkedin.com/in/ekene-ezeunala/"
+  },
+  {
+    name: "Benem Davids, Ph.D.",
+    title: "Webmaster",
+    image: "/Benem_Davids.jpg",
+    linkedin: "https://www.linkedin.com/in/benemdavids"
+  }
+];
+
+export default teamMembers;
+
+
 
 const Grid = () => {
   return (
-    <div className="flex flex-wrap gap-4 max-w-[896px] w-full mx-auto">
+    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 max-w-[896px] w-full mx-auto">
       {teamMembers.map((member, index) => (
         <div key={index} className="flex flex-col items-center text-center bg-white p-4 rounded-lg shadow-lg">
           <div className="image__card mb-2">