diff --git a/app/team/page.tsx b/app/team/page.tsx
index c90615f..cc718fb 100644
--- a/app/team/page.tsx
+++ b/app/team/page.tsx
@@ -2,6 +2,7 @@ import TeamHeader from "@/components/teamPage/TeamHeader";
// import Mentors from "@/container/teams/Mentors";
import Coordinators from "@/container/teams/Coordinators";
import Team from "@/container/teams/Team";
+import TeamLead from "@/container/teams/TeamLead";
import getConfig from "next/config";
const { publicRuntimeConfig } = getConfig();
@@ -25,9 +26,12 @@ const coordinatorIndex = [
];
const memberIndex = [positionData["5"], positionData["6"], positionData["7"]];
+const teamLeadIndex = [positionData["5"]];
+
interface TeamData {
coordinators: [MemberData];
members: [MemberData];
+ teamleads: [MemberData];
// mentors: [MemberData];
}
@@ -65,6 +69,7 @@ const Layout = async () => {
{/* */}
+
);
@@ -84,12 +89,18 @@ async function getData() {
const membersData = allTeamData.filter((member: MemberData) =>
memberIndex.includes(member.position)
);
+
+ const teamleadsData = allTeamData.filter((member: MemberData) =>
+ teamLeadIndex.includes(member.position)
+ );
+
// const mentorsData = allTeamData.filter(
// (member: MemberData) => member.position === "Mentor"
// );
return {
coordinators: coordinatorsData,
members: membersData,
+ teamleads: teamleadsData,
// mentors: mentorsData,
};
}
diff --git a/components/teamPage/TeamLeadCard.tsx b/components/teamPage/TeamLeadCard.tsx
new file mode 100644
index 0000000..67fa7fb
--- /dev/null
+++ b/components/teamPage/TeamLeadCard.tsx
@@ -0,0 +1,134 @@
+import Image from "next/image";
+
+interface TeamLeadCard {
+ name: string;
+ position: string;
+ domain:String;
+ quote?: string;
+ imageUrl: string;
+ githubUrl: string;
+ linkedinUrl: string;
+ mailID: string;
+}
+
+const TeamLeadCard = ({
+ name,
+ position,
+ domain,
+ quote,
+ imageUrl,
+ githubUrl,
+ linkedinUrl,
+ mailID,
+}: TeamLeadCard) => {
+ return (
+ // ${
+ // position === " Coordinator" ? "lg:w-screen" : "lg:w-1/2"
+ // }
+
+
+
+
+
+ {name}
+
+
{position} - {domain}
+
{quote}
+
+ {githubUrl && (
+
+
+
+ )}
+ {linkedinUrl && (
+
+
+
+ )}
+ {mailID && (
+
+
+
+ )}
+
+
+
+
+ );
+};
+
+export default TeamLeadCard;
diff --git a/container/teams/TeamLead.tsx b/container/teams/TeamLead.tsx
new file mode 100644
index 0000000..4c955a2
--- /dev/null
+++ b/container/teams/TeamLead.tsx
@@ -0,0 +1,85 @@
+import TeamLeadCard from "@/components/teamPage/TeamLeadCard";
+import { positionData, MemberData } from "@/app/team/page";
+
+import getConfig from "next/config";
+const { publicRuntimeConfig } = getConfig();
+const { SERVER } = publicRuntimeConfig;
+
+interface TeamLeadsPropData {
+ teamleads: [MemberData];
+}
+
+const getTeamLead = (x: string) => {
+ switch (x) {
+ case positionData["5"]:
+ return "Team Lead";
+ default:
+ return "Team Lead";
+ }
+};
+
+const TeamLead = ({ teamleads }: TeamLeadsPropData) => {
+ return (
+
+
+
+
+
+
+
+ Meet Our
+
+ Team Leads
+
+
+ “Of all the things I’ve done, the most vital is coordinating those
+ who work with me and aiming their efforts at a certain goal.”
+ – Walt Disney
+
+
+
+ {teamleads.map((teamlead) => (
+
+ ))}
+
+
+
+ );
+};
+
+export default TeamLead;