From bd80c3cde9be405fea7e61e697dbdcb73a05a904 Mon Sep 17 00:00:00 2001
From: Ben <52263490+kn4ihp@users.noreply.github.com>
Date: Sun, 4 Aug 2024 01:59:30 -0400
Subject: [PATCH] Create grid.tsx

---
 components/grid.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 components/grid.tsx

diff --git a/components/grid.tsx b/components/grid.tsx
new file mode 100644
index 0000000..90dfa4b
--- /dev/null
+++ b/components/grid.tsx
@@ -0,0 +1,36 @@
+// components/Grid.js
+import Image from 'next/image';
+import teamMembers from '/team';
+
+const Grid = () => {
+  return (
+    <div className="flex flex-wrap 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">
+            <Image
+              src={member.image}
+              alt={member.name}
+              width={118}
+              height={118}
+              className="object-contain rounded-full"
+            />
+          </div>
+          <div className="name__title">{member.name}</div>
+          <div className="title__text">{member.title}</div>
+          <div className="linkedin__link">
+            <h3>
+              <u>
+                <a href={member.linkedin} target="_blank" rel="noopener noreferrer">
+                  LinkedIn Link
+                </a>
+              </u>
+            </h3>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Grid;