diff --git a/createx/src/App.jsx b/createx/src/App.jsx index 7a0a2cd..3508727 100644 --- a/createx/src/App.jsx +++ b/createx/src/App.jsx @@ -3,6 +3,7 @@ import { Home, ProblemStatements, RegistrationForm, Rules, Contact, Sponsors, Su import { Navbar } from "./components"; import "./App.css"; import './assets/scss/main.scss'; +import OrganizingTeam from "./pages/OrganizingTeam"; @@ -21,6 +22,7 @@ function App() { } /> } /> }/> + }/> ); diff --git a/createx/src/assets/OrganisingTeam/AjayTamboli.png b/createx/src/assets/OrganisingTeam/AjayTamboli.png new file mode 100644 index 0000000..1bc4886 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/AjayTamboli.png differ diff --git a/createx/src/assets/OrganisingTeam/AnishaPatni.jpg b/createx/src/assets/OrganisingTeam/AnishaPatni.jpg new file mode 100644 index 0000000..9faba89 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/AnishaPatni.jpg differ diff --git a/createx/src/assets/OrganisingTeam/AnkitTiwari.jpg b/createx/src/assets/OrganisingTeam/AnkitTiwari.jpg new file mode 100644 index 0000000..0773c0e Binary files /dev/null and b/createx/src/assets/OrganisingTeam/AnkitTiwari.jpg differ diff --git a/createx/src/assets/OrganisingTeam/AnkurTiwari.jpg b/createx/src/assets/OrganisingTeam/AnkurTiwari.jpg new file mode 100644 index 0000000..9b3c599 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/AnkurTiwari.jpg differ diff --git a/createx/src/assets/OrganisingTeam/HimanshuSengar.jpg b/createx/src/assets/OrganisingTeam/HimanshuSengar.jpg new file mode 100644 index 0000000..a5e168d Binary files /dev/null and b/createx/src/assets/OrganisingTeam/HimanshuSengar.jpg differ diff --git a/createx/src/assets/OrganisingTeam/HimanshuSingh.jpg b/createx/src/assets/OrganisingTeam/HimanshuSingh.jpg new file mode 100644 index 0000000..35c617e Binary files /dev/null and b/createx/src/assets/OrganisingTeam/HimanshuSingh.jpg differ diff --git a/createx/src/assets/OrganisingTeam/Jatin.jpg b/createx/src/assets/OrganisingTeam/Jatin.jpg new file mode 100644 index 0000000..56d973e Binary files /dev/null and b/createx/src/assets/OrganisingTeam/Jatin.jpg differ diff --git a/createx/src/assets/OrganisingTeam/KishoriArora.jpg b/createx/src/assets/OrganisingTeam/KishoriArora.jpg new file mode 100644 index 0000000..a5e52da Binary files /dev/null and b/createx/src/assets/OrganisingTeam/KishoriArora.jpg differ diff --git a/createx/src/assets/OrganisingTeam/KrishMaheshwari.jpg b/createx/src/assets/OrganisingTeam/KrishMaheshwari.jpg new file mode 100644 index 0000000..7efb377 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/KrishMaheshwari.jpg differ diff --git a/createx/src/assets/OrganisingTeam/LakshayAgarwal.jpg b/createx/src/assets/OrganisingTeam/LakshayAgarwal.jpg new file mode 100644 index 0000000..9656a3a Binary files /dev/null and b/createx/src/assets/OrganisingTeam/LakshayAgarwal.jpg differ diff --git a/createx/src/assets/OrganisingTeam/LibanshiJain.jpg b/createx/src/assets/OrganisingTeam/LibanshiJain.jpg new file mode 100644 index 0000000..0c00903 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/LibanshiJain.jpg differ diff --git a/createx/src/assets/OrganisingTeam/MansiBhandari.jpg b/createx/src/assets/OrganisingTeam/MansiBhandari.jpg new file mode 100644 index 0000000..4e4a6c3 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/MansiBhandari.jpg differ diff --git a/createx/src/assets/OrganisingTeam/NiteshVerma.jpg b/createx/src/assets/OrganisingTeam/NiteshVerma.jpg new file mode 100644 index 0000000..8c2f730 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/NiteshVerma.jpg differ diff --git a/createx/src/assets/OrganisingTeam/ParthSharma.jpeg b/createx/src/assets/OrganisingTeam/ParthSharma.jpeg new file mode 100644 index 0000000..51ce257 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/ParthSharma.jpeg differ diff --git a/createx/src/assets/OrganisingTeam/PranjalJain.jpg b/createx/src/assets/OrganisingTeam/PranjalJain.jpg new file mode 100644 index 0000000..0192646 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/PranjalJain.jpg differ diff --git a/createx/src/assets/OrganisingTeam/RishabhRajSingh.jpg b/createx/src/assets/OrganisingTeam/RishabhRajSingh.jpg new file mode 100644 index 0000000..458141a Binary files /dev/null and b/createx/src/assets/OrganisingTeam/RishabhRajSingh.jpg differ diff --git a/createx/src/assets/OrganisingTeam/ShubhamSharma.jpg b/createx/src/assets/OrganisingTeam/ShubhamSharma.jpg new file mode 100644 index 0000000..6ecd34b Binary files /dev/null and b/createx/src/assets/OrganisingTeam/ShubhamSharma.jpg differ diff --git a/createx/src/assets/OrganisingTeam/UtkarshSharma.jpg b/createx/src/assets/OrganisingTeam/UtkarshSharma.jpg new file mode 100644 index 0000000..9241b78 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/UtkarshSharma.jpg differ diff --git a/createx/src/assets/OrganisingTeam/VikasKumarTiwari.jpg b/createx/src/assets/OrganisingTeam/VikasKumarTiwari.jpg new file mode 100644 index 0000000..4ac55cd Binary files /dev/null and b/createx/src/assets/OrganisingTeam/VikasKumarTiwari.jpg differ diff --git a/createx/src/assets/OrganisingTeam/dev.jpg b/createx/src/assets/OrganisingTeam/dev.jpg new file mode 100644 index 0000000..0f691d5 Binary files /dev/null and b/createx/src/assets/OrganisingTeam/dev.jpg differ diff --git a/createx/src/assets/index.js b/createx/src/assets/index.js index d22dee4..4d3dca0 100644 --- a/createx/src/assets/index.js +++ b/createx/src/assets/index.js @@ -1,26 +1,67 @@ -import CreateXMp4 from './CreateXMp4.mp4'; -import CreateX_BG1 from './CreateX_BG1.png'; -import CreateX_BG2 from './CreateX_BG2.png'; -import CreateX_BG3 from './CreateX_BG3.png'; -import CreateX_BG4 from './CreateX_BG4.png'; -import CreateXWhite from './CreateXWhite.png'; -import TechBizzClubDark from './TechBizzClubDark.png'; -import MLVTEC from './MLVTEC.png'; -import Rulebook from './CreateX2024_Rulebook.pdf'; -import HashTrust from './HashTrust.png'; -import InnovatechS from './InnovatechS.png'; +import CreateXMp4 from "./CreateXMp4.mp4"; +import CreateX_BG1 from "./CreateX_BG1.png"; +import CreateX_BG2 from "./CreateX_BG2.png"; +import CreateX_BG3 from "./CreateX_BG3.png"; +import CreateX_BG4 from "./CreateX_BG4.png"; +import CreateXWhite from "./CreateXWhite.png"; +import TechBizzClubDark from "./TechBizzClubDark.png"; +import MLVTEC from "./MLVTEC.png"; +import Rulebook from "./CreateX2024_Rulebook.pdf"; +import HashTrust from "./HashTrust.png"; +import InnovatechS from "./InnovatechS.png"; +import AjayTamboli from "./OrganisingTeam/AjayTamboli.png"; +import AnishaPatni from "./OrganisingTeam/AnishaPatni.jpg"; +import AnkitTiwari from "./OrganisingTeam/AnkitTiwari.jpg"; +import AnkurTiwari from "./OrganisingTeam/AnkurTiwari.jpg"; +import dev from "./OrganisingTeam/dev.jpg"; +import HimanshuSengar from "./OrganisingTeam/HimanshuSengar.jpg"; +import HimanshuSingh from "./OrganisingTeam/HimanshuSingh.jpg"; +import Jatin from "./OrganisingTeam/Jatin.jpg"; +import KishoriArora from "./OrganisingTeam/KishoriArora.jpg"; +import KrishMaheshwari from "./OrganisingTeam/KrishMaheshwari.jpg"; +import LibanshiJain from "./OrganisingTeam/LibanshiJain.jpg"; +import MansiBhandari from "./OrganisingTeam/MansiBhandari.jpg"; +import NiteshVerma from "./OrganisingTeam/NiteshVerma.jpg"; +import ParthSharma from "./OrganisingTeam/ParthSharma.jpeg"; +import RishabhRajSingh from "./OrganisingTeam/RishabhRajSingh.jpg"; +import ShubhamSharma from "./OrganisingTeam/ShubhamSharma.jpg"; +import UtkarshSharma from "./OrganisingTeam/UtkarshSharma.jpg"; +import VikasKumarTiwari from "./OrganisingTeam/VikasKumarTiwari.jpg"; +import LakshayAgarwal from "./OrganisingTeam/LakshayAgarwal.jpg"; +import PranjalJain from "./OrganisingTeam/PranjalJain.jpg"; export const Assets = { - CreateXMp4: CreateXMp4, - CreateX_BG1: CreateX_BG1, - CreateXWhite: CreateXWhite, - CreateX_BG2: CreateX_BG2, - CreateX_BG3: CreateX_BG3, - CreateX_BG4: CreateX_BG4, - TechBizzClubDark: TechBizzClubDark, - MLVTEC: MLVTEC, - Rulebook: Rulebook, - HashTrust: HashTrust, - InnovatechS: InnovatechS, - -} \ No newline at end of file + CreateXMp4: CreateXMp4, + CreateX_BG1: CreateX_BG1, + CreateXWhite: CreateXWhite, + CreateX_BG2: CreateX_BG2, + CreateX_BG3: CreateX_BG3, + CreateX_BG4: CreateX_BG4, + TechBizzClubDark: TechBizzClubDark, + MLVTEC: MLVTEC, + Rulebook: Rulebook, + HashTrust: HashTrust, + InnovatechS: InnovatechS, +}; +export const OrganisingTeam = { + AjayTamboli: AjayTamboli, + AnishaPatni: AnishaPatni, + AnkitTiwari: AnkitTiwari, + AnkurTiwari: AnkurTiwari, + dev: dev, + HimanshuSengar: HimanshuSengar, + HimanshuSingh: HimanshuSingh, + Jatin: Jatin, + KishoriArora: KishoriArora, + KrishMaheshwari: KrishMaheshwari, + LibanshiJain: LibanshiJain, + MansiBhandari: MansiBhandari, + NiteshVerma: NiteshVerma, + ParthSharma: ParthSharma, + RishabhRajSingh: RishabhRajSingh, + ShubhamSharma: ShubhamSharma, + UtkarshSharma: UtkarshSharma, + VikasKumarTiwari: VikasKumarTiwari, + LakshayAgarwal: LakshayAgarwal, + PranjalJain: PranjalJain, +}; diff --git a/createx/src/components/Navbar/index.jsx b/createx/src/components/Navbar/index.jsx index e84347b..42a3d70 100644 --- a/createx/src/components/Navbar/index.jsx +++ b/createx/src/components/Navbar/index.jsx @@ -64,8 +64,8 @@ const Navbar = () => { SPONSORS FAQ CONTACT - SCHEDULE - + Organizing Team + SCHEDULE
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}'s +
+
+

{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;