Added Organizing Team Page

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() {
             <Route path="/schedule" element={<Schedule />} />
             <Route path="/sponsors" element={<Sponsors />} />
             <Route path="/faq" element={<FAQs/>}/>
+            <Route path="/organizing-team" element={<OrganizingTeam/>}/>
           </Routes>
     </Router>
   );

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,
-
-}
+  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,
+};

createx/src/components/Navbar/index.jsx

@@ -64,8 +64,8 @@ const Navbar = () => {
           <Link to="/sponsors" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>SPONSORS</Link>
           <Link to="/faq" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>FAQ</Link>
           <Link to="/contact" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>CONTACT</Link>
-          <Link to="/schedule" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>SCHEDULE</Link>
-
+          <Link to="/organizing-team" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>Organizing Team</Link>
+          <Link to="/schedule" className="text-white font-kagitingan text-2xl text-left" onClick={closeMenu}>SCHEDULE</Link>          
           <div className="border-t border-white my-4"></div>
         </div>
         <div className="absolute bottom-8 left-0 w-full flex justify-center">

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;
+        }
+      }
+    }
+  }
+