diff --git a/createx/src/components/OrganisingTeamCard/MemberCard.scss b/createx/src/components/OrganisingTeamCard/MemberCard.scss
new file mode 100644
index 0000000..5a6a407
--- /dev/null
+++ b/createx/src/components/OrganisingTeamCard/MemberCard.scss
@@ -0,0 +1,128 @@
+.member-card {
+ display: flex;
+ width: 620px;
+ height: 413px;
+ transition: all 0.3s ease-in-out;
+
+ &:hover {
+ box-shadow: 2px 2px 20px 0px #FF6E1F;
+ }
+
+ .member-image {
+ width: 50%;
+ height: 100%;
+ overflow: hidden;
+
+ img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
+
+ .member-details {
+ width: 50%;
+ padding: 24px;
+ background-color: #E8E8E8;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ text-align: left;
+
+ .member-name {
+ font-family: 'Kagitingan', sans-serif;
+ font-size: 32px;
+ font-weight: 700;
+ line-height: 30.4px;
+ margin-bottom: 8px;
+ margin-top: 10px;
+ color: #000;
+ }
+
+ .member-role {
+ font-family: 'Jura', sans-serif;
+ font-size: 20px;
+ font-weight: 700;
+ line-height: 24px;
+ color: #000;
+ }
+
+ .member-year {
+ font-family: 'Jura', sans-serif;
+ font-size: 16px;
+ font-weight: 700;
+ margin-top: 4px;
+ }
+ }
+
+ .social-icons {
+ display: flex;
+ gap: 8px;
+ margin-top: 90px;
+ opacity: 0;
+ transition: opacity 0.3s ease;
+
+ a {
+ color: #000;
+ transition: color 0.3s ease;
+ font-size: 55px;
+
+ &:hover {
+ color: #666;
+ }
+ }
+ }
+
+ &:hover .social-icons {
+ opacity: 1;
+ }
+ }
+
+ @media (max-width: 600px) {
+ .member-card {
+ width: 290px;
+ height: 170px;
+ flex-direction: row;
+
+ &:hover {
+ box-shadow: none;
+ }
+
+ .member-image {
+ width: 50%;
+ height: 100%;
+ }
+
+ .member-details {
+ width: 50%;
+ padding: 8px;
+ text-align: left;
+
+ .member-name {
+ font-family: 'Kagitingan', sans-serif;
+ font-size: 16px;
+ font-weight: 700;
+ line-height: 17px;
+ margin-bottom: 4px;
+ }
+
+ .member-role,
+ .member-year {
+ font-family: 'Jura', sans-serif;
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 14.2px;
+ }
+ }
+
+ .social-icons {
+ opacity: 1;
+ margin-top: 25px;
+
+ a {
+ font-size: 20px;
+ }
+ }
+ }
+ }
+
\ No newline at end of file
diff --git a/createx/src/components/OrganisingTeamCard/MemberData.js b/createx/src/components/OrganisingTeamCard/MemberData.js
new file mode 100644
index 0000000..b075ef8
--- /dev/null
+++ b/createx/src/components/OrganisingTeamCard/MemberData.js
@@ -0,0 +1,305 @@
+import { FaEnvelope, FaInstagram, FaLinkedin, FaGithub } from "react-icons/fa";
+import { OrganisingTeam } from "../../assets";
+
+export const members = [
+ {
+ name: "Devendra Singh Shekhawat",
+ role: "Social Media",
+ year: "IV, CSE",
+ imageUrl: OrganisingTeam.dev,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:devendrasinghshekhawat87@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/its_.devendra_singh/profilecard/?igsh=MzFnYWV5NzEybjZw",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/itsdevendra?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app",
+ },
+ { icon: FaGithub, href: "https://github.com/Its-Devendra" },
+ ],
+ },
+ {
+ name: "Krish Maheshwari",
+ role: "Social Media",
+ year: "IV, CSE",
+ imageUrl: OrganisingTeam.KrishMaheshwari,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:krishm.km17@gmail.com" },
+ { icon: FaInstagram, href: "https://instagram.com/krishm.km18" },
+ { icon: FaLinkedin, href: "https://linkedin.com/in/krishm2958" },
+ { icon: FaGithub, href: "https://github.com/krish2958" },
+ ],
+ },
+ {
+ name: "Anisha Patni",
+ role: "Social Media",
+ year: "IV, CSE",
+ imageUrl: OrganisingTeam.AnishaPatni,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:anishapatni912@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/ap_anishapatni/profilecard/?igsh=Zjl4cGFqMGRvOWhv",
+ },
+ {
+ icon: FaLinkedin,
+ href: "http://www.linkedin.com/in/anisha-patni-837484218",
+ },
+ { icon: FaGithub, href: "https://github.com/aniiiap" },
+ ],
+ },
+ {
+ name: "Nitesh Verma",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.NiteshVerma,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:verma.nitesh9416@gmail.com" },
+ { icon: FaInstagram, href: "https://instagram.com/niteshverma1907" },
+ { icon: FaLinkedin, href: "https://linkedin.com/" },
+ { icon: FaGithub, href: "https://github.com/niteshverma04" },
+ ],
+ },
+ {
+ name: "Mansi Bhandari",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.MansiBhandari,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:mansibhandari3156@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/mansi____bhandari/",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/mansii-bhandari-5b9a06296/",
+ },
+ { icon: FaGithub, href: "https://github.com/Thejaggeddevil" },
+ ],
+ },
+ {
+ name: "Parth Sharma",
+ role: "Social Media",
+ year: "II, IT",
+ imageUrl: OrganisingTeam.ParthSharma,
+ tier: 2,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:parthsharmacj@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/sharma_parth_cj/?hl=en",
+ },
+ { icon: FaLinkedin, href: "https://www.linkedin.com/in/parthsharmacj/" },
+ { icon: FaGithub, href: "https://github.com/parthCJ" },
+ ],
+ },
+ {
+ name: "Kishori Arora",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.KishoriArora,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:23embcy013@mlvti.ac.in" },
+ { icon: FaInstagram, href: "https://instagram.com" },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/public-profile/settings",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Nitesh Verma ",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.NiteshVerma,
+ tier: 2,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:verma.nitesh9416@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/niteshverma1907/profilecard/?igsh=ZXV2NTI4cTE0dmNo",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/nitesh-verma-995007331?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Vikas Kumar Tiwari ",
+ role: "Social Media",
+ year: "III, ME",
+ imageUrl: OrganisingTeam.VikasKumarTiwari,
+ tier: 3,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:23embme200@mlvti.ac.in" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/jai_hind_official?igsh=YzAwZjE1ZTI0Zg==",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/vikas-kumar-tiwari-6a2899259?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Himanshi Singh ",
+ role: "Social Media",
+ year: "II, IT",
+ imageUrl: OrganisingTeam.HimanshuSingh,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:himanshus85549@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/himanshu__singh75/profilecard/?igsh=MW9pOW16aGY3NDh4dQ==",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/himanshu-singh-4a49b32a6?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com/HimanshuSingh1531" },
+ ],
+ },
+ {
+ name: "Ajay Kumar Tamboli ",
+ role: "Social Media",
+ year: "II, TC",
+ imageUrl: OrganisingTeam.AjayTamboli,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:tamboliajay77@gmail.com" },
+ { icon: FaInstagram, href: "https://www.instagram.com/ajaytamboli_12/" },
+ { icon: FaLinkedin, href: "https://www.linkedin.com/in/ajay-tamboli/" },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Anshuman Tiwari ",
+ role: "Social Media",
+ year: "II, ME",
+ imageUrl: OrganisingTeam.AnkurTiwari,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:tiwarianshumaan8@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/anshuman_141?igsh=b3FpdWJjbmJscXd4",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/anshuman-tiwari-9a3791295?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Utkarsh sharma ",
+ role: "Social Media",
+ year: "II, ME",
+ imageUrl: OrganisingTeam.UtkarshSharma,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:utkarshs7979@gmail.com" },
+ {
+ icon: FaInstagram,
+ href: "https://www.instagram.com/utkaarsharma?igsh=MWlvdDNqdTI3OXQxNQ==",
+ },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/utkarsh-sharma-b14a52325?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Ankit sharma ",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.AnkitTiwari,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:ankittiwari9602@gmail.com" },
+ { icon: FaInstagram, href: "http://www.instagram.com/stillankit" },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/ankit-sharma-9a9117210?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "http://www.github.co/ankitsharma-at" },
+ ],
+ },
+ {
+ name: "Rishabhraj Singh ",
+ role: "Social Media",
+ year: "I, ECE",
+ imageUrl: OrganisingTeam.RishabhRajSingh,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:rishabh027a@gmail.com" },
+ { icon: FaInstagram, href: "https://www.instagram.com/@rishabhraj.ai" },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/nitesh-verma-995007331?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app",
+ },
+ { icon: FaGithub, href: "https://github.com" },
+ ],
+ },
+ {
+ name: "Jatin Narayan ",
+ role: "Social Media",
+ year: "II, CSE",
+ imageUrl: OrganisingTeam.Jatin,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:heyjateen@gmail.com" },
+ { icon: FaInstagram, href: "https://instagram.com/heyjateen" },
+ { icon: FaLinkedin, href: "https://linkedin.com/in/oyejateen" },
+ { icon: FaGithub, href: "https://github.com/oyejateen" },
+ ],
+ },
+ {
+ name: "Lakshay Agarwal ",
+ role: "Social Media",
+ year: "IV, ME",
+ imageUrl: OrganisingTeam.LakshayAgarwal,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:lakshayagarwal490@gmail.com" },
+ { icon: FaInstagram, href: "https://www.instagram.com/here.lakshay" },
+ {
+ icon: FaLinkedin,
+ href: "https://www.linkedin.com/in/lakshayagarwal490",
+ },
+ { icon: FaGithub, href: "https://github.com/" },
+ ],
+ },
+ {
+ name: "Pranjal Jain ",
+ role: "Social Media",
+ year: "IV, CSE",
+ imageUrl: OrganisingTeam.PranjalJain,
+ tier: 1,
+ socialLinks: [
+ { icon: FaEnvelope, href: "mailto:jainpranjal30112002@gmail.com" },
+ { icon: FaInstagram, href: "https://www.instagram.com/" },
+ {
+ icon: FaLinkedin,
+ href: "http://www.linkedin.com/in/yaha-pranjhol-hai",
+ },
+ { icon: FaGithub, href: "https://github.com/Yaha-Pranjhol-Hai" },
+ ],
+ },
+];
diff --git a/createx/src/components/OrganisingTeamCard/index.jsx b/createx/src/components/OrganisingTeamCard/index.jsx
new file mode 100644
index 0000000..998d5df
--- /dev/null
+++ b/createx/src/components/OrganisingTeamCard/index.jsx
@@ -0,0 +1,52 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import './MemberCard.scss';
+
+const MemberCard = ({ name, role, year, imageUrl, socialLinks }) => {
+ const [hover, setHover] = useState(false);
+
+ return (
+
setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ style={{
+ boxShadow: hover ? '2px 2px 20px 0px #FF6E1F' : 'none',
+ }}
+ >
+
+

+
+
+
{name}
+
{role}
+
{year}
+
+ {socialLinks.map((link, index) => {
+ const IconComponent = link.icon;
+ return (
+
+
+
+ );
+ })}
+
+
+
+ );
+};
+
+MemberCard.propTypes = {
+ name: PropTypes.string.isRequired,
+ role: PropTypes.string.isRequired,
+ year: PropTypes.string.isRequired,
+ imageUrl: PropTypes.string.isRequired,
+ socialLinks: PropTypes.arrayOf(
+ PropTypes.shape({
+ icon: PropTypes.elementType.isRequired,
+ href: PropTypes.string.isRequired,
+ })
+ ).isRequired,
+};
+
+export default MemberCard;
diff --git a/createx/src/pages/OrganizingTeam/index.jsx b/createx/src/pages/OrganizingTeam/index.jsx
index e69de29..e290573 100644
--- a/createx/src/pages/OrganizingTeam/index.jsx
+++ b/createx/src/pages/OrganizingTeam/index.jsx
@@ -0,0 +1,73 @@
+import React from "react";
+import MemberCard from "../../components/OrganisingTeamCard/index";
+import { members } from "../../components/OrganisingTeamCard/MemberData";
+
+const OrganizingTeam = () => {
+ const tier1Members = members.filter(member => member.tier === 1);
+ const tier2Members = members.filter(member => member.tier === 2);
+ const tier3Members = members.filter(member => member.tier === 3);
+
+ return (
+
+
+ ORGANIZING TEAM
+
+
+
+
+ TIER 1
+
+
+ {tier1Members.map((member, index) => (
+
+ ))}
+
+
+
+
+
+ TIER 2
+
+
+ {tier2Members.map((member, index) => (
+
+ ))}
+
+
+
+
+
+ TIER 3
+
+
+ {tier3Members.map((member, index) => (
+
+ ))}
+
+
+
+ );
+};
+
+export default OrganizingTeam;