minor changes

package.json

@@ -28,6 +28,7 @@
     "react-slick": "^0.29.0",
     "slick-carousel": "^1.8.1",
     "styled-components": "^5.3.6",
+    "swiper": "^10.3.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {

src/App.jsx

@@ -18,7 +18,7 @@ import { Event } from "./components/Events/Event";
 import Challenges from "./components/Challenges/Challenges";
 import MLHChallenges from "./components/Challenges/MLHChallenges";
 import Animate from "./components/IntroAnimate/Animate";
-
+ import Gallary from "./components/gallary/gallary";
 
 function App() {
   const [loading, setLoading] = useState(true);
@@ -28,6 +28,7 @@ function App() {
       setLoading(false);
     }, 1500);
   }, []);
+
   return (
       <React.Fragment>
         <div
@@ -65,7 +66,7 @@ function App() {
         <Hero />
       </div>
       <div className="mx-6 mt-16 lg:mx-36">
-        <NewMilestone />
+   <Gallary/>
         <Timeline />
         <Event />
         <Sponsors />

src/components/Events/Event.jsx

@@ -12,9 +12,10 @@ const tabs = [
   { title: "Live", data: { ...liveEvents } },
   { title: "Upcoming", data: { ...UpcomingEvents } },
 ];
+
 export const Event = () => {
   const [currentTab, setTabState] = useState(1);
-
+ 
   return (
     <div className="">
       <motion.div

src/components/Events/Event_card.jsx

@@ -58,7 +58,7 @@ export default function EventCard(props) {
                 setCurrentSlide(index);
               }}
             >
-              {props.data.map((event, index) => (
+             {props.data.map((event, index) => (
                 <picture className="">
                   <source
                     srcSet={event.webp}

src/components/Hero/hero.jsx

@@ -75,6 +75,7 @@ export default function Hero(props) {
           </Marquee>
         </div>
       </div>
+
       <div className="text-4xl lg:text-6xl font-bold text-[#8471ae] tracking-wider my-4 lg:my-6 font-[Oswald] text-center">
         About Us
       </div>

src/components/Prizes/cards.jsx

@@ -46,9 +46,9 @@ function Prizes() {
         <>
           <div className="fixed inset-0 z-50 flex items-center justify-center overflow-x-hidden overflow-y-auto outline-none focus:outline-none">
             <div className="relative w-auto max-w-3xl mx-auto my-6">
-              {/*content*/}
+              {/content/}
               <div className="relative flex flex-col w-full bg-[#1a1a1d] border-0 rounded-lg shadow-lg outline-none focus:outline-none text-white">
-                {/*header*/}
+                {/header/}
                 <div className="flex items-start justify-between p-5 border-b border-solid rounded-t border-slate-200">
                   <h3 className="mr-10 text-3xl font-semibold">Coming Soon</h3>
                   <button
@@ -60,7 +60,7 @@ function Prizes() {
                     </span>
                   </button>
                 </div>
-                {/*body*/}
+                {/body/}
                 <div className="relative flex-auto p-6">
                   <p className="my-4 text-lg leading-relaxed text-slate-500">
                     {modalData}
@@ -72,47 +72,55 @@ function Prizes() {
           <div className="fixed inset-0 z-40 bg-black opacity-25"></div>
         </>
       ) : null}
-      <div id="left-prize" className="flex flex-col w-full p-8 xl:w-2/5">
+      <div id="left-prize" className="flex flex-col w-full p-8 xl:w-3/5">
         <div className="flex flex-row items-center w-full my-4 text-white">
           <span className="flex items-center justify-center w-[5rem] h-[5rem] md:w-24 md:h-24 text-2xl font-semibold text-white bg-gradient-to-r from-[#f4941d] to-[#ffd200] rounded-full">
             1st
           </span>
-          <div
-            className="flex flex-col items-start ml-4 text-center md:ml-16 cursor-pointer"
-            onClick={modalHandler}
-          >
-            <span className="text-xl font-semibold md:text-3xl ">
-              ₹ 30,000 Worth Prizes
+          <div className="flex flex-col items-start w-[9rem] ml-4 text-center md:ml-16 cursor-pointer">
+            <span className="text-xl font-bold md:text-2xl ">
+              &nbsp;First &nbsp;Prize
+            </span>
+          </div>
+          <div className="flex flex-col items-start ml-auto  md:ml-16 cursor-pointer">
+          <span className="text-xl font-bold my-2 text-yellow-400">Team 404</span>
+            <span className="text-sm text-left font-semibold w-[10rem] h-[5rem] sm:text-1xl">
+            1. Daksh <br></br>2. Nishant Sharma<br></br>3. Priyanshi Babbar <br></br>  
             </span>
-            <span className="w-full">Click to know more</span>
           </div>
         </div>
+
         <div className="flex flex-row items-center w-full my-4 text-white">
           <span className="flex items-center justify-center w-[5rem] h-[5rem] md:w-24 md:h-24 text-2xl font-semibold text-white bg-gradient-to-r from-[#757f9a] to-[#d7dde8] rounded-full">
             2nd
           </span>
-          <div
-            className="flex flex-col items-start ml-4 text-center md:ml-16 cursor-pointer"
-            onClick={modalHandler}
-          >
-            <span className="text-xl font-semibold md:text-3xl ">
-              ₹ 20,000 Worth Prizes
+          <div className="flex flex-col items-start ml-4 text-center md:ml-16 cursor-pointer">
+            <span className="text-xl font-bold md:text-2xl ">
+              Second Prize
+            </span>
+          </div>
+          <div className="flex flex-col items-start ml-4 text-center md:ml-16 cursor-pointer">
+          <span className="text-xl font-bold my-2 text-red-500">Hash Heroes</span>
+            <span className="text-sm text-left font-semibold w-[10rem] h-[5rem] sm:text-1xl ">
+             1. Nancy <br></br>2. Shivam Gupta<br></br>3. Priyansh Saw<br></br>
             </span>
-            <span className="w-full">Click to know more</span>
           </div>
         </div>
         <div className="flex flex-row items-center w-full my-4 text-white">
           <span className="flex items-center justify-center w-[5rem] h-[5rem] md:w-24 md:h-24 text-2xl font-semibold text-white bg-gradient-to-r from-[#232526] to-[#414344] rounded-full">
             3rd
           </span>
-          <div
-            className="flex flex-col items-start ml-4 text-center md:ml-16 cursor-pointer"
-            onClick={modalHandler}
-          >
-            <span className="text-xl font-semibold md:text-3xl ">
-              ₹ 15,000 Worth Prizes
+          <div className="flex flex-col items-start ml-4 w-[9rem] text-center md:ml-16 cursor-pointer">
+            <span className="text-xl font-bold md:text-2xl ">
+              Third Prize
+            </span>
+          </div>
+          <div className="flex flex-col items-start ml-auto  md:ml-16 cursor-pointer">
+          <span className="text-xl font-bold my-2 text-blue-500">Acess : Denied</span>
+            <span className="text-sm text-left font-semibold w-[10rem] h-[5rem] sm:text-1xl">
+            1. Sumit Dhiman <br></br>2. Divyansh Tripathi<br></br>3. Swasthik Sharma <br></br> 4. Ekansh Verma
+
             </span>
-            <span className="w-full cursor-pointer">Click to know more</span>
           </div>
         </div>
       </div>
@@ -200,7 +208,7 @@ function AllPrize() {
               );
             })}
           </div>
-          <div className="flex items-center justify-center block w-full lg:hidden">
+          <div className="flex items-center justify-center  w-full lg:hidden">
             <button
               onClick={() => setloadMore(!loadMore)}
               className="p-3 mt-4 mb-10 text-2xl bg-[#503883] rounded-xl text-gray-300"
@@ -337,4 +345,4 @@ export default function Cards() {
       </div>
     </div>
   );
-}
+}

src/components/Speaker/speaker.jsx

@@ -33,7 +33,7 @@ const SpeakersNew = () => {
           title={
             <>
               <div className="text-4xl lg:text-7xl font-bold text-[#8471ae] my-4 lg:my-6 font-[Oswald]">
-                Our Speakers
+                Previous Speakers
               </div>
             </>
           }

src/components/Sponsors/Sponsors.js

@@ -24,7 +24,7 @@ export default function Sponsors() {
               title={
                 <>
                   <div className="text-4xl lg:text-7xl font-bold text-[#8471ae] mt-4 lg:my-6 font-[Oswald]">
-                    Our Sponsors
+                    Previous Sponsors
                   </div>
                 </>
               }

src/components/Timeline_new/Timeline_new.jsx

@@ -43,67 +43,67 @@ const Timeline = () => {
           />
         </div>
         <div className="flex flex-col relativ">
-          <div className="timeline__event animated fadeInUp delay-3s timeline__event--type1">
+          <div className="timeline_event animated fadeInUp delay-3s timeline_event--type1">
             <FontAwesomeIcon
               fixedWidth
               className="text-3xl md:hidden absolute top-[45%] text-[#9251ac] block left-[-4.1rem]"
               icon={faComputer}
             />
-            <div className="timeline__event__icon">
+            <div className="timeline_event_icon">
               <FontAwesomeIcon
                 className="text-3xl absolute top-[46%] block left-[-4.1rem] md:static"
                 icon={faComputer}
               />
             </div>
-            <div className="timeline__event__date">6 FEB-31 MAR 2023</div>
-            <div className="timeline__event__content ">
-              <div className="timeline__event__title">Registration Begins</div>
-              <div className="timeline__event__description text-sm lg:text-base">
+            <div className="timeline_event_date">First Step</div>
+            <div className="timeline_event_content ">
+              <div className="timeline_event_title">Registration Begins</div>
+              <div className="timeline_event_description text-sm lg:text-base">
                 <p>
                   Registration opens up for students to register with their
                   respective teams and project ideas for Electrothon.
                 </p>
               </div>
             </div>
           </div>
-          <div className="timeline__event animated fadeInUp delay-2s timeline__event--type2">
+          <div className="timeline_event animated fadeInUp delay-2s timeline_event--type2">
             <FontAwesomeIcon
               fixedWidth
               className="text-3xl md:hidden absolute top-[45%] text-[#858af3] block left-[-4.1rem]"
               icon={faPeopleGroup}
             />
-            <div className="timeline__event__icon">
+            <div className="timeline_event_icon">
               <FontAwesomeIcon className="text-3xl" icon={faPeopleGroup} />
             </div>
-            <div className="timeline__event__date">8th APRIL 2023</div>
-            <div className="timeline__event__content">
-              <div className="timeline__event__title">
+            <div className="timeline_event_date">Second Step</div>
+            <div className="timeline_event_content">
+              <div className="timeline_event_title">
                 Electrothon Main Event
               </div>
-              <div className="timeline__event__description text-sm lg:text-base">
+              <div className="timeline_event_description text-sm lg:text-base">
                 <p>
                   Electrothon will be a two-day event consisting of various
                   guest lectures, workshops, and project evaluation.
                 </p>
               </div>
             </div>
           </div>
-          <div className="timeline__event animated fadeInUp delay-1s timeline__event--type3">
+          <div className="timeline_event animated fadeInUp delay-1s timeline_event--type3">
             <FontAwesomeIcon
               fixedWidth
               className="text-3xl md:hidden absolute top-[45%] text-[#24b47e] block left-[-4.1rem]"
               icon={faAward}
             />
-            <div className="timeline__event__icon">
+            <div className="timeline_event_icon">
               <FontAwesomeIcon className="text-3xl" icon={faAward} />
             </div>
-            <div className="timeline__event__date">9th APRIL 2023</div>
-            <div className="timeline__event__content">
-              <div className="timeline__event__title">Result Declaration</div>
-              <div className="timeline__event__description text-sm lg:text-base">
+            <div className="timeline_event_date">Final Step</div>
+            <div className="timeline_event_content">
+              <div className="timeline_event_title">Result Declaration</div>
+              <div className="timeline_event_description text-sm lg:text-base">
                 <p>
                   The ultimate genius will be revealed by our Judging Panel on
-                  9th April 2023 through our social media handles
+                  Final Day through our social media handles
                 </p>
               </div>
             </div>
@@ -114,4 +114,4 @@ const Timeline = () => {
   );
 };
 
-export default Timeline;
+export default Timeline;

src/components/gallary/gallary.css

@@ -0,0 +1,62 @@
+ /* Slick Carousel CSS import */
+@import "~slick-carousel/slick/slick.css";
+@import "~slick-carousel/slick/slick-theme.css";
+
+/* Carousel styling */
+.App {
+  width: 100%;
+  margin: 10rem auto;
+  height: 570px;
+  position: relative;
+}
+
+.slide img {
+  width: 30rem;
+  margin: 10 auto;
+  border-radius: 2rem;
+}
+
+.slide {
+  transform: scale(0.2);
+  opacity: 0.5;
+  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
+}
+
+.activeSlide {
+  transform: scale(1.1);
+  opacity: 1;
+}
+
+
+/* Arrow styling */
+.arrow {
+ color: white;
+  position: absolute;
+  cursor: pointer;
+  z-index: 10;
+  width: 50px; /* Adjust width as needed */
+  height: 50px; /* Adjust height as needed */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.arrow svg {
+  width: 100%; /* Make the SVG fill the arrow container */
+  height: 100%; /* Make the SVG fill the arrow container */
+  transition: fill 300ms;
+}
+
+.arrow:hover svg {
+  fill: #2e074a;
+}
+
+.next {
+  right: 0;
+  top: 50%;
+}
+
+.prev {
+  left: 0;
+  top: 50%;
+}