From 537a34f3f99787b6a01eb5e7dc33d7ac069a465f Mon Sep 17 00:00:00 2001
From: Raidah Fairooz <rfair008@ucr.edu>
Date: Tue, 23 Jan 2024 15:40:37 -0800
Subject: [PATCH] bug fixes

---
 src/app/board/page.js           |  8 +++--
 src/components/board/Profile.js |  4 +--
 src/components/board/Team.js    | 58 +++++++++++++++++++++++++++++++--
 3 files changed, 64 insertions(+), 6 deletions(-)

diff --git a/src/app/board/page.js b/src/app/board/page.js
index a54c709..43cce8c 100644
--- a/src/app/board/page.js
+++ b/src/app/board/page.js
@@ -1,7 +1,11 @@
 import React from "react";
-
+import Team from "@/components/board/Team";
 const page = () => {
-  return <div>page</div>;
+  return (
+    <div>
+      <Team />
+    </div>
+  );
 };
 
 export default page;
diff --git a/src/components/board/Profile.js b/src/components/board/Profile.js
index e61af20..20df089 100644
--- a/src/components/board/Profile.js
+++ b/src/components/board/Profile.js
@@ -16,11 +16,11 @@ const Profile = ({
   pronouns,
 }) => {
   return (
-    <div className="border-2 border-black font-poppins bg-white w-72 h-auto rounded-xl">
+    <div className="border-2 border-black font-poppins bg-white w-full h-auto rounded-xl">
       <Image
         src={image}
         alt="Picture of board member"
-        className="rounded-xl border-2 border-black mt-3 mr-auto ml-auto w-60 h-58"
+        className=" mt-3 mr-auto ml-auto"
       />
       <div className="ml-5">
         <div className="font-bold text-xl mt-3">{name}</div>
diff --git a/src/components/board/Team.js b/src/components/board/Team.js
index e8b097c..bcb9cd9 100644
--- a/src/components/board/Team.js
+++ b/src/components/board/Team.js
@@ -1,7 +1,61 @@
 import React from "react";
-
+import Profile from "@/components/board/Profile";
+import Javen from "@/public/assets/board/Javen.svg";
 const Team = () => {
-  return <div>Team</div>;
+  return (
+    <div className="flex justify-center items-center">
+      <div className="grid grid-cols-4 w-10/12  gap-3 justify-center items-center bg-red-200">
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="rfair008@ucr.edu"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="rfair008@ucr.edu"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="rfair008@ucr.edu"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+        <div>
+          <Profile
+            name="Javen Dosanjh"
+            email="rfair008@ucr.edu"
+            title="Vice President"
+            image={Javen}
+            year="2nd"
+            major="Computer Science"
+            pronouns="he/him"
+            linkedin="linkedin.com"
+          />
+        </div>
+      </div>
+    </div>
+  );
 };
 
 export default Team;