diff --git a/package.json b/package.json
index 4695adb..6027de0 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "nextra-theme-docs": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.10.1"
+    "react-icons": "^4.11.0"
   },
   "devDependencies": {
     "@types/node": "18.11.10",
diff --git a/pages/hack-school/react.mdx b/pages/hack-school/react.mdx
new file mode 100644
index 0000000..e69de29
diff --git a/public/assets/alexis_pfp.PNG b/public/assets/alexis_pfp.PNG
new file mode 100644
index 0000000..795765a
Binary files /dev/null and b/public/assets/alexis_pfp.PNG differ
diff --git a/public/assets/angela_pfp.PNG b/public/assets/angela_pfp.PNG
new file mode 100644
index 0000000..e6ece76
Binary files /dev/null and b/public/assets/angela_pfp.PNG differ
diff --git a/public/assets/charvi_pfp.PNG b/public/assets/charvi_pfp.PNG
new file mode 100644
index 0000000..998c4b6
Binary files /dev/null and b/public/assets/charvi_pfp.PNG differ
diff --git a/public/assets/khushi_pfp.PNG b/public/assets/khushi_pfp.PNG
new file mode 100644
index 0000000..1aec611
Binary files /dev/null and b/public/assets/khushi_pfp.PNG differ
diff --git a/public/assets/nikhil2_pfp.JPG b/public/assets/nikhil2_pfp.JPG
new file mode 100644
index 0000000..de963cf
Binary files /dev/null and b/public/assets/nikhil2_pfp.JPG differ
diff --git a/src/components/team-card/index.tsx b/src/components/team-card/index.tsx
index b79f9f2..d007a00 100644
--- a/src/components/team-card/index.tsx
+++ b/src/components/team-card/index.tsx
@@ -1,7 +1,57 @@
+import React from 'react';
 import styles from './style.module.css';
 
 const TeamCard: React.FC = () => {
-  return <h3>TeamCard</h3>;
+  const teamMembers = [
+    {
+      name: 'Nikhil Dange',
+      position: 'Hack Technical Lead',
+      email: 'nikhil@acmucsd.org',
+      imageUrl: 'assets/nikhil2_pfp.JPG',
+    },
+    {
+      name: 'Angela Hu',
+      position: 'Hack Technical Event Directors',
+      email: 'angelahu@acmucsd.org',
+      imageUrl: 'assets/angela_pfp.PNG',
+    },
+    {
+      name: 'Khushi Patel',
+      position: 'Hack Technical Event Directors',
+      email: 'khushi@acmucsd.org',
+      imageUrl: 'assets/khushi_pfp.PNG',
+    },
+    {
+      name: 'Charvi Shukla',
+      position: 'Hack Technical Event Directors',
+      email: 'charvi@acmucsd.org',
+      imageUrl: 'assets/charvi_pfp.PNG',
+    },
+    {
+      name: 'Alexis Vergnet',
+      position: 'Hack Technical Event Directors',
+      email: 'alexis@acmucsd.org',
+      imageUrl: 'assets/alexis_pfp.PNG',
+    },
+  ];
+
+
+  return (
+    <div className={styles.team}>
+      {teamMembers.map((member, index) => (
+        <div key={index} className={styles.card}>
+          <div className={styles.cardOutline}>
+            <img src={member.imageUrl} 
+              alt={member.name} 
+            />
+            <h4>{member.name}</h4>
+            <p>{member.position}</p>
+            <p>{member.email}</p>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
 };
 
 export default TeamCard;
diff --git a/src/components/team-card/style.module.css b/src/components/team-card/style.module.css
index e69de29..c438be7 100644
--- a/src/components/team-card/style.module.css
+++ b/src/components/team-card/style.module.css
@@ -0,0 +1,25 @@
+.team {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+  
+.card {
+    margin: 10px;
+    text-align: center;
+}
+  
+.cardOutline {
+    border: 2px solid #333;
+    padding: 16px;
+    text-align: center;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+    border-radius: 10px;
+}
+
+.card img {
+    width: 250px;
+    height: 250px;
+    border-radius: 50%;
+    display: inline-block;
+}
\ No newline at end of file
diff --git a/src/sections/Team/index.tsx b/src/sections/Team/index.tsx
index 8db233e..0912d3f 100644
--- a/src/sections/Team/index.tsx
+++ b/src/sections/Team/index.tsx
@@ -1,7 +1,13 @@
 import styles from './style.module.css';
+import TeamCard from '../../components/team-card/index';
 
 const Team: React.FC = () => {
-  return <h3 className={styles.team}>Team Section</h3>;
+  return (
+    <div>
+      <h3 className={styles.team}>Team Section</h3>
+      <TeamCard />
+    </div>
+  )
 };
 
-export default Team;
+export default Team;
\ No newline at end of file
diff --git a/src/sections/Team/style.module.css b/src/sections/Team/style.module.css
index 71f4ee6..9c70248 100644
--- a/src/sections/Team/style.module.css
+++ b/src/sections/Team/style.module.css
@@ -6,4 +6,5 @@
     height: 30vh;
     max-height: 100vh;
     border-bottom: 1px solid black;
-}
\ No newline at end of file
+}
+
diff --git a/yarn.lock b/yarn.lock
index 9bb8286..ae0aa14 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3811,10 +3811,10 @@ react-dom@^18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-icons@^4.10.1:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.10.1.tgz#3f3b5eec1f63c1796f6a26174a1091ca6437a500"
-  integrity sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==
+react-icons@^4.11.0:
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65"
+  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
 
 react-is@^16.13.1:
   version "16.13.1"