Revert "Removed images section due to errors"

Author: rashiyadhruv

src/Components/Team/Team.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import "./Team.css";
 import { mentordata } from "./util/MentorData";
+import { teamdata } from "./util/TeamData";
 import TeamCard from "./TeamCard/TeamCard";
 
 const Team = () => {

src/Components/Team/TeamCard/TeamCard.css

@@ -2,16 +2,21 @@
   padding: 30px 0px;
 }
 
+.teamcard-image-container {
+  /* width: 320px; */
+  height: 320px;
+}
+
+.teamcard-image {
+  /* width: 320px; */
+  height: 320px;
+  border-radius: 20px 20px 0px 0px;
+}
 
 .teamcard-details {
-  height: 200px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
   background: none;
   background-color: #393E82;
-  border-radius: 20px 20px 20px 20px;
+  border-radius: 0px 0px 20px 20px;
   width: 320px;
 }
 

src/Components/Team/TeamCard/TeamCard.jsx

@@ -4,6 +4,9 @@ import "./TeamCard.css";
 const TeamCard = ({ data }) => {
   return (
     <div className="teamcard-container">
+      <div className="teamcard-image-container">
+        <img className="teamcard-image" src={data.imageURL} alt="profile" />
+      </div>
       <div className="teamcard-details">
         <h2 className="teamcard-name">{data.name}</h2>
         <p className="teamcard-post">{data.post}</p>

src/Components/Team/util/MentorData.js

@@ -1,26 +1,30 @@
-
 export const mentordata = [
   {
     name: "Aashutosh Rathi",
     post: "Jio | IIIT Vadodara",
     linkedin: "https://www.linkedin.com/in/aashutoshrathi/",
     twitter: "https://twitter.com/AashutoshRathi",
+    imageURL: "https://media-exp1.licdn.com/dms/image/C5103AQFtC8CwFz5ejQ/profile-displayphoto-shrink_400_400/0/1573880831178?e=1651708800&v=beta&t=J69y3QrvKWjTXeNRJrmH7ZwGrwR-pufwm9g2A-UHlSM",
   },
   {
     name: "Monal Shadi",
     post: "Blindside | IIIT Vadodara",
     linkedin: "https://www.linkedin.com/in/monalshadi/",
     twitter: "https://twitter.com/Monalshadi",
+    imageURL: "https://media-exp1.licdn.com/dms/image/C4E03AQHGjZNJoOYLEg/profile-displayphoto-shrink_400_400/0/1623837034839?e=1651708800&v=beta&t=03Frf3wHnZNPuC68wdqMDowLnmyQbzbRCpCdATNA0N4",
   },
   {
     name: "Keshav Purohit",
     post: "IIIT Vadodara",
     linkedin: "https://www.linkedin.com/in/keshavpp/",
     twitter: "https://twitter.com/KeshavPurohit17",
+    imageURL: "https://media-exp1.licdn.com/dms/image/C5103AQF4XXFQp4PF0Q/profile-displayphoto-shrink_400_400/0/1568116426088?e=1651708800&v=beta&t=1n5mJqjmiAB7xzZYOl92AV3qJt9PcJl3EsRg81HzRcc",
   },
   {
     name: "Ananya Tewari",
     post: "MathWorks | IIIT Vadodara",
     linkedin: "https://www.linkedin.com/in/antew/",
+    // twitter: "",
+    imageURL: "https://media-exp1.licdn.com/dms/image/C5603AQGyFeM_QysCbg/profile-displayphoto-shrink_400_400/0/1591862772944?e=1651708800&v=beta&t=iwQCsaTKdu5QWrXFORY54u2fkFOn8VeVGuy4_pMWbWQ",
   },
 ];

src/Components/Team/util/TeamData.js

@@ -0,0 +1,23 @@
+export const teamdata = [
+  {
+    name: "Kalash Shah",
+    post: "Noob",
+    linkedin: "https://www.linkedin.com/signup",
+    twitter: "https://twitter.com/",
+    imageURL: "https://picsum.photos/320/320",
+  },
+  {
+    name: "Kalash Shah",
+    post: "Noob",
+    linkedin: "https://www.linkedin.com/signup",
+    twitter: "https://twitter.com/",
+    imageURL: "https://picsum.photos/320/320",
+  },
+  {
+    name: "Kalash Shah",
+    post: "Noob",
+    linkedin: "https://www.linkedin.com/signup",
+    twitter: "https://twitter.com/",
+    imageURL: "https://picsum.photos/320/320",
+  },
+];