ComputerSocietyVITC · a2ys · Jun 28, 2024 · Jun 28, 2024 · Jun 28, 2024 · Jun 28, 2024
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-192x192.webp b/public/android-chrome-192x192.webp
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/android-chrome-512x512.webp b/public/android-chrome-512x512.webp
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/apple-touch-icon.webp b/public/apple-touch-icon.webp
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-16x16.webp b/public/favicon-16x16.webp
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon-32x32.webp b/public/favicon-32x32.webp
diff --git a/public/index.html b/public/index.html
@@ -1,42 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="title" content="IEEE Computer Society VIT Chennai" />
-    <meta
-      name="description"
-      content="IEEE Computer Society VIT Chennai is a zealous community of diverse minds striving to Learn, Create, (sometimes Break!), Develop, and Explore."
-    />
-    <meta
-      name="keywords"
-      content="ieeecsvitc, ieeecs, IEEE CS VIT Chennai, IEEE CS VIT, IEEE Computer Society, IEEE Computer Society VIT Chennai, Comsoc, comsoc.vitcc, Comsoc VITCC, HackHub, Paradox, DataHub, CyberTrunk"
-    />
-    <meta name="robots" content="index, follow" />
-    <meta name="language" content="English" />
-    <title>IEEE Computer Society VIT Chennai</title>
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap"
-    />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap"
-    />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
 
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
-    <!--
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="title" content="IEEE Computer Society VIT Chennai" />
+  <meta name="description"
+    content="IEEE Computer Society VIT Chennai is a zealous community of diverse minds striving to Learn, Create, (sometimes Break!), Develop, and Explore." />
+  <meta name="keywords"
+    content="ieeecsvitc, ieeecs, IEEE CS VIT Chennai, IEEE CS VIT, IEEE Computer Society, IEEE Computer Society VIT Chennai, Comsoc, comsoc.vitcc, Comsoc VITCC, HackHub, Paradox, DataHub, CyberTrunk" />
+  <meta name="robots" content="index, follow" />
+  <meta name="language" content="English" />
+  <title>IEEE Computer Society VIT Chennai</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.webp" />
+  <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
+  <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+  <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
@@ -45,10 +33,12 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
-  </head>
-  <body class="bg-black">
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-  </body>
-</html>
+  <title>React App</title>
+</head>
+
+<body class="bg-black">
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+
+</html>
diff --git a/public/manifest.json b/public/manifest.json
@@ -8,13 +8,13 @@
       "type": "image/x-icon"
     },
     {
-      "src": "android-chrome-192x192.png",
-      "type": "image/png",
+      "src": "android-chrome-192x192.webp",
+      "type": "image/webp",
       "sizes": "192x192"
     },
     {
-      "src": "android-chrome-512x512.png",
-      "type": "image/png",
+      "src": "android-chrome-512x512.webp",
+      "type": "image/webp",
       "sizes": "512x512"
     }
   ],

diff --git a/src/ICON.png b/src/ICON.png
diff --git a/src/assets/comsocLogowhite.png b/src/assets/comsocLogowhite.png
diff --git a/src/assets/comsocLogowhite.webp b/src/assets/comsocLogowhite.webp
diff --git a/src/assets/socialmedia/devto.png b/src/assets/socialmedia/devto.png
diff --git a/src/assets/socialmedia/devto.webp b/src/assets/socialmedia/devto.webp
diff --git a/src/assets/socialmedia/discord.png b/src/assets/socialmedia/discord.png
diff --git a/src/assets/socialmedia/discord.webp b/src/assets/socialmedia/discord.webp
diff --git a/src/assets/socialmedia/github.png b/src/assets/socialmedia/github.png
diff --git a/src/assets/socialmedia/github.webp b/src/assets/socialmedia/github.webp
diff --git a/src/assets/socialmedia/instagram.png b/src/assets/socialmedia/instagram.png
diff --git a/src/assets/socialmedia/instagram.webp b/src/assets/socialmedia/instagram.webp
diff --git a/src/assets/socialmedia/linkedin.png b/src/assets/socialmedia/linkedin.png
diff --git a/src/assets/socialmedia/linkedin.webp b/src/assets/socialmedia/linkedin.webp
diff --git a/src/assets/socialmedia/telegram.png b/src/assets/socialmedia/telegram.png
diff --git a/src/assets/socialmedia/telegram.webp b/src/assets/socialmedia/telegram.webp
diff --git a/src/assets/socialmedia/twitter.png b/src/assets/socialmedia/twitter.png
diff --git a/src/assets/socialmedia/twitter.webp b/src/assets/socialmedia/twitter.webp
diff --git a/src/assets/socialmedia/youtube.png b/src/assets/socialmedia/youtube.png
diff --git a/src/assets/socialmedia/youtube.webp b/src/assets/socialmedia/youtube.webp
diff --git a/src/components/Accordian/hAccord.jsx b/src/components/Accordian/hAccord.jsx
@@ -1,11 +1,15 @@
 import React, { useState } from "react";
 import "./style_h.css";
 
-const HAccord = ({items}) => {
+const HAccord = ({ items }) => {
   const [accord, setActiveAccord] = useState(-1);
 
   const toggleAccordion = (index) => {
-    setActiveAccord(index);
+    if (accord === index) {
+      setActiveAccord(-1);
+    } else {
+      setActiveAccord(index);
+    }
   };
 
   return (

diff --git a/src/components/footer.jsx b/src/components/footer.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import comsocLogowhite from "../assets/comsocLogowhite.png";
+import comsocLogowhite from "../assets/comsocLogowhite.webp";
 import { Link } from "react-router-dom";
 import { routes } from "../data/routes";
 import socialMediaLinks from "../data/socialMediaLinks";

diff --git a/src/components/header.jsx b/src/components/header.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import logo from "../ICON.png";
+import logo from "../data/images/misc/ICON.webp";
 import { NavLink } from "react-router-dom";
 import { routes } from "../data/routes";
 import { motion } from "framer-motion";
@@ -59,25 +59,22 @@ const Header = () => {
           >
             <span
               className={`bg-slate-400 block transition-all duration-300 ease-out 
-                            h-0.5 w-6 rounded-sm ${
-                              isOpen
-                                ? "rotate-45 translate-y-1"
-                                : "-translate-y-0.5"
-                            }`}
+                            h-0.5 w-6 rounded-sm ${isOpen
+                  ? "rotate-45 translate-y-1"
+                  : "-translate-y-0.5"
+                }`}
             ></span>
             <span
               className={`bg-slate-400 block transition-all duration-300 ease-out 
-                            h-0.5 w-6 rounded-sm my-0.5 ${
-                              isOpen ? "opacity-0" : "opacity-100"
-                            }`}
+                            h-0.5 w-6 rounded-sm my-0.5 ${isOpen ? "opacity-0" : "opacity-100"
+                }`}
             ></span>
             <span
               className={`bg-slate-400 block transition-all duration-300 ease-out 
-                            h-0.5 w-6 rounded-sm ${
-                              isOpen
-                                ? "-rotate-45 -translate-y-1"
-                                : "translate-y-0.5"
-                            }`}
+                            h-0.5 w-6 rounded-sm ${isOpen
+                  ? "-rotate-45 -translate-y-1"
+                  : "translate-y-0.5"
+                }`}
             ></span>
           </button>
         </nav>

diff --git a/src/components/teamImage/teamcard.jsx b/src/components/teamImage/teamcard.jsx
@@ -1,5 +1,5 @@
-import github from "../../assets/socialmedia/github.png";
-import linkedin from "../../assets/socialmedia/linkedin.png";
+import github from "../../assets/socialmedia/github.webp";
+import linkedin from "../../assets/socialmedia/linkedin.webp";
 import { motion } from "framer-motion";
 import { useInView } from "react-intersection-observer";
 
@@ -15,9 +15,9 @@ const Teamcard = ({ name, desig, imageUrl, linkUrl, gitUrl }) => {
         initial={{ opacity: 0, y: 100 }} // Start from opacity 0 and 10 pixels above
         animate={{ opacity: inView ? 1 : 0, y: inView ? 0 : 100 }} // Animate to opacity 1 and natural position
         transition={{ duration: 0.5, delay: 0.5 }}
-        className="rounded-[36px] p-0.5 bg-gradient-to-b from-[#6CEDFF] to-[#055A98] h-[553px] w-[300px] md:w-[350px] lg:w-[400px] m-4 cursor-pointer hover:shadow-2xl hover:shadow-[#7ac4ec]/30"
+        className="rounded-[18px] md:rounded-[36px] p-0.5 bg-gradient-to-b from-[#6CEDFF] to-[#055A98] h-[553px] w-[300px] md:w-[350px] lg:w-[400px] m-4 cursor-pointer hover:shadow-2xl hover:shadow-[#7ac4ec]/30"
       >
-        <div className="rounded-[calc(36px-1px)] p-[30px] bg-gradient-to-b from-[#061b24] from-2% via-[#072031] to-[#000b11] to-9% h-[549px]">
+        <div className="rounded-[calc(18px-1px)] md:rounded-[calc(36px-1px)] p-[30px] bg-gradient-to-b from-[#061b24] from-2% via-[#072031] to-[#000b11] to-9% h-[549px]">
           <div className="flex flex-col justify-center items-center gap-y-9 h-[100%] img-hover">
             <img
               className="rounded-[50%] w-[220px] h-[220px] align-center mt-8 mb-4 img1"

diff --git a/src/components/teamImage/teamcard2.jsx b/src/components/teamImage/teamcard2.jsx
@@ -1,5 +1,5 @@
-import github from "../../assets/socialmedia/github.png";
-import linkedin from "../../assets/socialmedia/linkedin.png";
+import github from "../../assets/socialmedia/github.webp";
+import linkedin from "../../assets/socialmedia/linkedin.webp";
 import { motion } from "framer-motion";
 import { useInView } from "react-intersection-observer";
 

diff --git a/src/components/ui/splashscreen.jsx b/src/components/ui/splashscreen.jsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { motion } from "framer-motion";
-import icon from "../../assets/comsocLogowhite.png"; // Import your icon image
+import icon from "../../assets/comsocLogowhite.webp";
 import { useState } from "react";
 
 const SplashScreen = () => {

diff --git a/src/data/eventsdata.js b/src/data/eventsdata.js
@@ -1,19 +1,21 @@
-import bitwars from "./images/events/covers/bitwars.jpg";
-import ros from "./images/events/covers/ros.jpg";
-import hacktomania from "./images/events/covers/hacktomania.jpg";
+import bitwars from "./images/events/covers/bitwars.webp";
+import ros from "./images/events/covers/ros.webp";
+import hacktomania from "./images/events/covers/hacktomania.webp";
 import code from "./images/events/covers/code.webp";
 import appdev from "./images/events/covers/appdev.webp";
 import paradox3 from "./images/events/covers/paradox3.webp";
 import paradox2 from "./images/events/covers/paradox2.webp";
-import paradox from "./images/events/covers/paradox.jpg";
+import paradox from "./images/events/covers/paradox.webp";
 import capturetheflag from "./images/events/covers/capturetheflag.webp";
-import hackhub from "./images/events/covers/hackhub.jpg";
-import datahub from "./images/events/covers/datahub.jpg";
+import hackhub from "./images/events/covers/hackhub.webp";
+import datahub from "./images/events/covers/datahub.webp";
 import datahub2 from "./images/events/covers/datahub2.webp";
 import cybertrunk from "./images/events/covers/cybertrunk.webp";
-import expound from "./images/events/covers/expound.jpg";
-import expo from "./images/events/covers/expo.jpg";
+import expound from "./images/events/covers/expound.webp";
+import expo from "./images/events/covers/expo.webp";
+import carnival from "./images/events/covers/carnival.webp";
 
+// The description here can use HTML tags for formatting, follow the React return statement syntax to achieve that
 export const eventData = {
   bitwars: {
     title: "BitWars",
@@ -90,11 +92,15 @@ export const eventData = {
     description: "Club Expo is an annual event where all the clubs of VIT showcase their work and achievements. IEEE Computer Society VIT Chennai actively participates in this event and showcases its projects and initiatives.",
     imageUrl: expo,
   },
+  carnival: {
+    title: "Tech Carnival",
+    description: "The Tech Carnival, hosted by our club, showcased innovative interactive game projects. Highlights included gesture-controlled versions of Asphalt 8, Asphalt 9, and Pacman. A 2-player Pong game and an original game, Hydro Rush, both developed by club members, were featured. The event celebrated our technical skills and provided an engaging experience for all attendees.",
+    imageUrl: carnival,
+  }
 };
 
-// This is the order in which the events should be displayed
+// This is the order in which the events should be displayed; also the folder names for the images of these events should be the same as the keys in this object
 export const eventOrder = [
-  "bitwars", "ros", "code", "hacktomania", "paradox3", "appdev", "capturetheflag",
+  "bitwars", "ros", "carnival", "code", "hacktomania", "paradox3", "appdev", "capturetheflag",
   "paradox2", "hackhub", "datahub2", "cybertrunk", "paradox", "datahub", "expound", "clubexpo"
 ];
-
diff --git a/src/data/homedata.js b/src/data/homedata.js
@@ -1,5 +1,6 @@
 import socialMediaLinks from "./socialMediaLinks";
 
+// The content here can use HTML tags for formatting, follow the React return statement syntax to achieve that
 const items = [
   {
     header: "ABOUT US",
@@ -54,24 +55,24 @@ const items = [
             Social Media
           </div>
           <div className="grid grid-cols-4 place-items-center">
-          {socialMediaLinks.map((link, index) => (
-            <div
-              key={index}
-              className="hover:scale-150 transition duration-200"
-            >
-              <a
-                href={link.url}
-                target="_blank"
-                rel="noreferrer"
+            {socialMediaLinks.map((link, index) => (
+              <div
+                key={index}
+                className="hover:scale-150 transition duration-200"
               >
-                <img
-                  src={link.icon}
-                  alt={link.platform}
-                  className="h-7 my-5 "
-                />
-              </a>
-            </div>
-          ))}
+                <a
+                  href={link.url}
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  <img
+                    src={link.icon}
+                    alt={link.platform}
+                    className="h-7 my-5 "
+                  />
+                </a>
+              </div>
+            ))}
           </div>
         </div>
       </div>

diff --git a/src/data/images/Jasmine.jpg b/src/data/images/Jasmine.jpg
diff --git a/src/data/images/arrow.png b/src/data/images/arrow.png
diff --git a/src/data/images/events/Expo'24/Screenshot 2024-06-28 175853.png b/src/data/images/events/Expo'24/Screenshot 2024-06-28 175853.png
diff --git a/src/data/images/events/Expo'24/Screenshot 2024-06-28 175902.png b/src/data/images/events/Expo'24/Screenshot 2024-06-28 175902.png
diff --git a/src/data/images/events/Expo'24/Screenshot 2024-06-28 175907.png b/src/data/images/events/Expo'24/Screenshot 2024-06-28 175907.png
diff --git a/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205312.png b/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205312.png
diff --git a/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205321.png b/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205321.png
diff --git a/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205331.png b/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205331.png
diff --git a/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205351.png b/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205351.png
diff --git a/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205403.png b/src/data/images/events/Tech Carnival/Screenshot 2024-06-28 205403.png
diff --git a/src/data/images/events/Tech Carnival/main.jpg b/src/data/images/events/Tech Carnival/main.jpg
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175726.png b/src/data/images/events/bitwars/Screenshot 2024-06-28 175726.png
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175726.webp b/src/data/images/events/bitwars/Screenshot 2024-06-28 175726.webp
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175753.png b/src/data/images/events/bitwars/Screenshot 2024-06-28 175753.png
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175753.webp b/src/data/images/events/bitwars/Screenshot 2024-06-28 175753.webp
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175804.png b/src/data/images/events/bitwars/Screenshot 2024-06-28 175804.png
diff --git a/src/data/images/events/bitwars/Screenshot 2024-06-28 175804.webp b/src/data/images/events/bitwars/Screenshot 2024-06-28 175804.webp
diff --git a/src/data/images/events/bitwars/main.png b/src/data/images/events/bitwars/main.png
diff --git a/src/data/images/events/bitwars/main.webp b/src/data/images/events/bitwars/main.webp
diff --git a/src/data/images/events/carnival/Screenshot 2024-06-28 205312.webp b/src/data/images/events/carnival/Screenshot 2024-06-28 205312.webp
diff --git a/src/data/images/events/carnival/Screenshot 2024-06-28 205321.webp b/src/data/images/events/carnival/Screenshot 2024-06-28 205321.webp
diff --git a/src/data/images/events/carnival/Screenshot 2024-06-28 205331.webp b/src/data/images/events/carnival/Screenshot 2024-06-28 205331.webp
diff --git a/src/data/images/events/carnival/Screenshot 2024-06-28 205351.webp b/src/data/images/events/carnival/Screenshot 2024-06-28 205351.webp
diff --git a/src/data/images/events/carnival/Screenshot 2024-06-28 205403.webp b/src/data/images/events/carnival/Screenshot 2024-06-28 205403.webp
diff --git a/src/data/images/events/carnival/main.webp b/src/data/images/events/carnival/main.webp
diff --git a/src/data/images/events/clubexpo/Screenshot 2024-06-28 175853.webp b/src/data/images/events/clubexpo/Screenshot 2024-06-28 175853.webp
diff --git a/src/data/images/events/clubexpo/Screenshot 2024-06-28 175902.webp b/src/data/images/events/clubexpo/Screenshot 2024-06-28 175902.webp
diff --git a/src/data/images/events/clubexpo/Screenshot 2024-06-28 175907.webp b/src/data/images/events/clubexpo/Screenshot 2024-06-28 175907.webp
diff --git a/src/data/images/events/code/main.jpg b/src/data/images/events/code/main.jpg
diff --git a/src/data/images/events/code/main.webp b/src/data/images/events/code/main.webp
diff --git a/src/data/images/events/covers/bitwars.jpg b/src/data/images/events/covers/bitwars.jpg
diff --git a/src/data/images/events/covers/bitwars.webp b/src/data/images/events/covers/bitwars.webp
diff --git a/src/data/images/events/covers/carnival.webp b/src/data/images/events/covers/carnival.webp
diff --git a/src/data/images/events/covers/datahub.jpg b/src/data/images/events/covers/datahub.jpg
diff --git a/src/data/images/events/covers/datahub.webp b/src/data/images/events/covers/datahub.webp
diff --git a/src/data/images/events/covers/expo.jpg b/src/data/images/events/covers/expo.jpg
diff --git a/src/data/images/events/covers/expo.webp b/src/data/images/events/covers/expo.webp
diff --git a/src/data/images/events/covers/expound.jpg b/src/data/images/events/covers/expound.jpg
diff --git a/src/data/images/events/covers/expound.webp b/src/data/images/events/covers/expound.webp
diff --git a/src/data/images/events/covers/hackhub.jpg b/src/data/images/events/covers/hackhub.jpg
diff --git a/src/data/images/events/covers/hackhub.webp b/src/data/images/events/covers/hackhub.webp
diff --git a/src/data/images/events/covers/hacktomania.jpg b/src/data/images/events/covers/hacktomania.jpg
diff --git a/src/data/images/events/covers/hacktomania.webp b/src/data/images/events/covers/hacktomania.webp
diff --git a/src/data/images/events/covers/paradox.jpg b/src/data/images/events/covers/paradox.jpg
diff --git a/src/data/images/events/covers/paradox.webp b/src/data/images/events/covers/paradox.webp
diff --git a/src/data/images/events/covers/ros.jpg b/src/data/images/events/covers/ros.jpg
diff --git a/src/data/images/events/covers/ros.webp b/src/data/images/events/covers/ros.webp
diff --git a/src/data/images/events/datahub/main.jpg b/src/data/images/events/datahub/main.jpg
diff --git a/src/data/images/events/datahub/main.webp b/src/data/images/events/datahub/main.webp
diff --git a/src/data/images/events/expound/main.jpg b/src/data/images/events/expound/main.jpg
diff --git a/src/data/images/events/expound/main.webp b/src/data/images/events/expound/main.webp
diff --git a/src/data/images/events/hackhub/main.jpg b/src/data/images/events/hackhub/main.jpg
diff --git a/src/data/images/events/hackhub/main.webp b/src/data/images/events/hackhub/main.webp
diff --git a/src/data/images/events/hacktomania/Screenshot 2024-06-28 180509.png b/src/data/images/events/hacktomania/Screenshot 2024-06-28 180509.png
diff --git a/src/data/images/events/hacktomania/Screenshot 2024-06-28 180509.webp b/src/data/images/events/hacktomania/Screenshot 2024-06-28 180509.webp
diff --git a/src/data/images/events/hacktomania/Screenshot 2024-06-28 180519.png b/src/data/images/events/hacktomania/Screenshot 2024-06-28 180519.png
diff --git a/src/data/images/events/hacktomania/Screenshot 2024-06-28 180519.webp b/src/data/images/events/hacktomania/Screenshot 2024-06-28 180519.webp
diff --git a/src/data/images/events/hacktomania/main.png b/src/data/images/events/hacktomania/main.png
diff --git a/src/data/images/events/hacktomania/main.webp b/src/data/images/events/hacktomania/main.webp
diff --git a/src/data/images/events/paradox/main.jpg b/src/data/images/events/paradox/main.jpg
diff --git a/src/data/images/events/paradox/main.webp b/src/data/images/events/paradox/main.webp
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192749.png b/src/data/images/events/ros/Screenshot 2024-06-28 192749.png
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192749.webp b/src/data/images/events/ros/Screenshot 2024-06-28 192749.webp
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192807.png b/src/data/images/events/ros/Screenshot 2024-06-28 192807.png
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192807.webp b/src/data/images/events/ros/Screenshot 2024-06-28 192807.webp
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192817.png b/src/data/images/events/ros/Screenshot 2024-06-28 192817.png
diff --git a/src/data/images/events/ros/Screenshot 2024-06-28 192817.webp b/src/data/images/events/ros/Screenshot 2024-06-28 192817.webp
diff --git a/src/data/images/events/ros/main.png b/src/data/images/events/ros/main.png
diff --git a/src/data/images/events/ros/main.webp b/src/data/images/events/ros/main.webp
diff --git a/src/data/images/misc/ICON.webp b/src/data/images/misc/ICON.webp
diff --git a/src/data/images/projects/dochub.jpg b/src/data/images/projects/dochub.jpg
diff --git a/src/data/images/projects/dochub.webp b/src/data/images/projects/dochub.webp
diff --git a/src/data/images/projects/hydron.gif b/src/data/images/projects/hydron.gif
diff --git a/src/data/images/projects/opencv.jpg b/src/data/images/projects/opencv.jpg
diff --git a/src/data/images/projects/opencv.webp b/src/data/images/projects/opencv.webp
diff --git a/src/data/images/projects/reaction.jpg b/src/data/images/projects/reaction.jpg
diff --git a/src/data/images/projects/reaction.webp b/src/data/images/projects/reaction.webp
diff --git a/src/data/images/shashwat.png b/src/data/images/shashwat.png
diff --git a/src/data/images/team/jasmine.webp b/src/data/images/team/jasmine.webp
diff --git a/src/data/images/team/shashwat.webp b/src/data/images/team/shashwat.webp
diff --git a/src/data/projectdata.js b/src/data/projectdata.js
@@ -3,11 +3,24 @@ import bonetech from "./images/projects/bonetech.gif"
 import weather from "./images/projects/weather.gif"
 import livein from "./images/projects/livein.gif"
 import falling from "./images/projects/falling.gif"
-import dochub from "./images/projects/dochub.jpg"
-import opencv from "./images/projects/opencv.jpg"
-import reaction from "./images/projects/reaction.jpg"
+import dochub from "./images/projects/dochub.webp"
+import opencv from "./images/projects/opencv.webp"
+import reaction from "./images/projects/reaction.webp"
+import hydro from "./images/projects/hydron.gif"
 
+// The description here can use HTML tags for formatting, follow the React return statement syntax to achieve that
 const slides = [
+    {
+        title: "Hydro-Rush",
+        description: (
+            <div>
+                <div>Created for the IEEE ComSoc Arcade Expo Event 2024 at VIT Chennai, India, Hydro-Rush is an action-packed shooter game developed by Shlok. This exciting project was also showcased at our club's tech carnival event.</div>
+                <div>In Hydro-Rush, players control a character navigating through challenging levels, dodging obstacles, and managing their health, ammo, and score. The game features indicators for health, ammo, and score to enhance the gaming experience.</div>
+                <div>Hydro-Rush exemplifies our commitment to fostering creativity and technical skills among our members. We are proud to present this project as part of our club's achievements.</div>
+            </div>
+        ),
+        img: hydro,
+    },
     {
         title: "Brain Computer Interface",
         description: "A brain-computer interface (BCI) is a technology that allows communication between a human or animal brain and an external technology. This term can refer to an interface that takes signals from the brain to an external piece of hardware, or a technology that sends signals to the brain. Various different brain-computer interface technologies have been developed at different times, through different methods and for diverse purposes, including in virtual reality technology.",

diff --git a/src/data/socialMediaLinks.js b/src/data/socialMediaLinks.js
@@ -1,11 +1,11 @@
-import instagram from "../assets/socialmedia/instagram.png";
-import github from "../assets/socialmedia/github.png";
-import linkedin from "../assets/socialmedia/linkedin.png";
-import discord from "../assets/socialmedia/discord.png";
-import youtube from "../assets/socialmedia/youtube.png";
-import twitter from "../assets/socialmedia/twitter.png";
-import telegram from "../assets/socialmedia/telegram.png";
-import devto from "../assets/socialmedia/devto.png";
+import instagram from "../assets/socialmedia/instagram.webp";
+import github from "../assets/socialmedia/github.webp";
+import linkedin from "../assets/socialmedia/linkedin.webp";
+import discord from "../assets/socialmedia/discord.webp";
+import youtube from "../assets/socialmedia/youtube.webp";
+import twitter from "../assets/socialmedia/twitter.webp";
+import telegram from "../assets/socialmedia/telegram.webp";
+import devto from "../assets/socialmedia/devto.webp";
 
 const socialMediaLinks = [
   {

diff --git a/src/data/teamdata.js b/src/data/teamdata.js
@@ -1,5 +1,5 @@
-import image from "./images/shashwat.png"
-import image2 from "./images/Jasmine.jpg"
+import image from "./images/team/shashwat.webp"
+import image2 from "./images/team/jasmine.webp"
 
 const myTeam = [
   {
@@ -16,15 +16,15 @@ const myTeam = [
     imageUrl:
       "https://media.licdn.com/dms/image/D5603AQE4o90wdmTv7Q/profile-displayphoto-shrink_800_800/0/1692941127887?e=1724284800&v=beta&t=AnqpIKc322AO9Wbj95cFu-7rtK78U-2Yk0pIfH5CxP0",
     linkUrl: "https://www.linkedin.com/in/mohammad-faiz-abid-875371194/",
-    gitUrl: "",
+    gitUrl: "https://github.com/atfaizzz",
   },
   {
     name: "Anvesha Singh",
     desig: "General Secretary",
     imageUrl:
       "https://media.licdn.com/dms/image/D5603AQHFwoa3ehyK5Q/profile-displayphoto-shrink_800_800/0/1692123083098?e=1724284800&v=beta&t=PkVbQmZYLJ7WAPiDHH3yfAAvXzg880JsrJWUNOpwWhE",
     linkUrl: "https://www.linkedin.com/in/anvesha-singh-330ba9260/",
-    gitUrl: "",
+    gitUrl: "https://github.com/Anvesha-Singh",
   },
   {
     name: "Sandeep Ravisankar",
@@ -40,7 +40,7 @@ const myTeam = [
     imageUrl:
       "https://media.licdn.com/dms/image/D4E03AQEsnRZvlmFENQ/profile-displayphoto-shrink_800_800/0/1698810602543?e=1724284800&v=beta&t=1Dvx4wvFVQQaL8TvLEU5MuHCs_cE4Lo-0Slzfj3dQFY",
     linkUrl: "https://www.linkedin.com/in/anirudh-sridhar-07bb02298/",
-    gitUrl: "",
+    gitUrl: "http://github.com/shotoyaar",
   },
   {
     name: "Teeshta Parmar",