IEEE-MSIT · Anurajx · Aug 24, 2026 · Aug 24, 2026
diff --git a/src/components/ui/EventDetailsModal.tsx b/src/components/ui/EventDetailsModal.tsx
@@ -53,7 +53,7 @@ const EventDetailsModal: React.FC<EventDetailsModalProps> = ({ event, onClose })
             alt=""
             className="absolute inset-0 w-full h-full object-cover"
           />
-          <div className="absolute inset-0 bg-gradient-to-t from-black/60 via-black/10 to-transparent" />
+          <div className="absolute inset-0 bg-gradient-to-t from-black via-black/70 to-transparent" />
           <button
             type="button"
             onClick={onClose}
@@ -63,11 +63,14 @@ const EventDetailsModal: React.FC<EventDetailsModalProps> = ({ event, onClose })
             <X className="w-4 h-4" />
           </button>
           <div className="absolute bottom-4 left-4 right-16">
-            <p className="text-white/90 text-xs uppercase tracking-wide mb-1">
+            <p className="text-white/90 text-xs uppercase tracking-wide mb-1 drop-shadow-sm">
               {event.type}
               {event.status ? ` · ${event.status}` : ''}
             </p>
-            <h2 id="event-details-title" className="text-2xl md:text-3xl font-serif text-white">
+            <h2
+              id="event-details-title"
+              className="text-2xl md:text-3xl font-serif text-white drop-shadow-md"
+            >
               {event.title}
             </h2>
           </div>

diff --git a/src/data/events.ts b/src/data/events.ts
@@ -6,7 +6,7 @@ export const events = [
     status: 'completed',
     startDate: '22 April 2026',
     endDate: '22 April 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/563843',
     venue: 'MSIT, Room No. 406',
     registrationType: 'free',
     actionLinks: [
@@ -27,7 +27,7 @@ export const events = [
     status: 'completed',
     startDate: '23 June 2026',
     endDate: '23 June 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/565272',
     venue: 'Online',
     registrationType: 'free',
     actionLinks: [
@@ -90,7 +90,7 @@ export const events = [
     status: 'completed',
     startDate: '13 April, 2026',
     endDate: '13 April, 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/567393',
     venue: 'Google Meet',
     registrationType: 'free',
     actionLinks: ['join: Online Webinar'],
@@ -109,7 +109,7 @@ export const events = [
     status: 'completed',
     startDate: '16 April 2026',
     endDate: '16 April 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/556535',
     venue: 'Room No 206',
     registrationType: 'free',
     actionLinks: ['contact: JAYANT : 95999 18990', 'contact: RADHIKA : 96504 22130'],
@@ -128,7 +128,7 @@ export const events = [
     status: 'completed',
     startDate: '17th April 2026',
     endDate: '17th April 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/563842',
     venue: 'Room no. 206',
     registrationType: 'free',
     actionLinks: ['contact: Sumit Roy : +91 8510020963', 'contact: Lakshay : +91 7988944892'],
@@ -215,7 +215,7 @@ export const events = [
     status: 'completed',
     startDate: 'Aug 19th 2026',
     endDate: 'Aug 21st 2026',
-    vtool: 'https://events.vtools.ieee.org/m/567513',
+    vtool: 'https://events.vtools.ieee.org/m/574016',
     venue: 'MSIT',
     registrationType: 'free',
     actionLinks: [
@@ -279,7 +279,7 @@ export const events = [
     status: 'completed',
     startDate: '04th July 2026',
     endDate: '04th July 2026',
-    vtool: '',
+    vtool: 'https://events.vtools.ieee.org/m/567182',
     venue: 'Online Webinar',
     registrationType: 'free',
     actionLinks: [
@@ -350,4 +350,60 @@ export const events = [
     cloudinary_url: '/projects/events/IMG-20260623-WA0005.jpg',
     organisedBy: 'WIE IEEE India Council & WIE IEEE Delhi Section',
   },
+  {
+    title: 'Hack AVENSIS',
+    type: 'hackathon',
+    category: 'Hackathon & Coding',
+    status: 'completed',
+    startDate: '12 February 2026',
+    endDate: '13 February 2026',
+    vtool: 'https://events.vtools.ieee.org/m/553145',
+    venue: 'MSIT 1st floor',
+    registrationType: 'free',
+    actionLinks: ['contact: Sneha : 63778 28916', 'contact: Biswamohan : 95990 28140'],
+    prizes: ['Prize Upto INR 32K', 'Workshops | Mentorship | Networking'],
+    description:
+      'AVENSIS 2026 presents Hack AVENSIS powered by Unstop. A 24-hour hackathon covering domains such as Software, AIML, Web, IoT, and Cyber Embedded.',
+    isRelevant: true,
+    cloudinary_url:
+      'https://events.vtools.ieee.org/vtools_ui/media/display/0de73eac-bbe4-4225-a2b1-b420e2343190',
+    organisedBy: 'AVENSIS 2026',
+  },
+  {
+    title: 'The STAR Program',
+    type: 'event',
+    category: 'STEM & Outreach',
+    status: 'upcoming',
+    startDate: '26 August 2026',
+    endDate: '26 August 2026',
+    vtool: 'https://events.vtools.ieee.org/m/560365',
+    venue: 'Government Girls Senior Secondary School',
+    registrationType: '',
+    actionLinks: [],
+    prizes: ['Small rewards for Q&A participation', 'Certificates for top-performing teams'],
+    description:
+      "IEEE Women in Engineering (WIE) organizes 'The STAR Program' to inspire young minds in STEM by introducing them to scientific concepts, career opportunities, and engaging hands-on activities, including building simple circuits and interactive project evaluations.",
+    isRelevant: true,
+    cloudinary_url: 'WIE.png',
+    organisedBy: 'IEEE WIE MSIT',
+  },
+  {
+    title: 'An Exclusive Interview Session with Ms. Nima Arora',
+    type: 'interview',
+    category: 'Career & Leadership',
+    status: 'completed',
+    startDate: '2026',
+    endDate: '2026',
+    vtool: 'https://events.vtools.ieee.org/m/550839',
+    venue: '',
+    registrationType: '',
+    actionLinks: [],
+    prizes: null,
+    description:
+      'An exclusive interview session conducted by core members of IEEE Women in Engineering (WiE) MSIT with Ms. Nima Arora (Assistant Director General and IAS officer), discussing her journey from college to becoming an IAS officer, career growth, building resilience, and exploring diverse career opportunities beyond conventional technical roles. Insights published in the Leadership Magazine by IEEE WiE MSIT.',
+    isRelevant: true,
+    cloudinary_url:
+      'https://events.vtools.ieee.org/vtools_ui/media/display/97055157-ede0-4f0e-b035-4b61ee556834',
+    organisedBy: 'IEEE WiE MSIT',
+  },
 ];
diff --git a/src/pages/home/components/Events.tsx b/src/pages/home/components/Events.tsx
@@ -1,12 +1,15 @@
-import { useRef } from 'react';
+import { useRef, useState } from 'react';
 import { motion } from 'framer-motion';
 import { ChevronLeft, ChevronRight, ArrowRight, Eye } from 'lucide-react';
 import { Link } from 'react-router-dom';
 import { events } from '../../../data/data';
 import EventCard from '../../../components/ui/EventCard';
+import EventDetailsModal from '../../../components/ui/EventDetailsModal';
+import type { Event } from '../../../types';
 
 const Events = () => {
   const eventsCarouselRef = useRef<HTMLDivElement>(null);
+  const [selectedEvent, setSelectedEvent] = useState<Event | null>(null);
   const scrollAmount = 400;
 
   const scrollEventsCarousel = (direction: 'left' | 'right') => {
@@ -86,7 +89,7 @@ const Events = () => {
                   transition={{ duration: 0.4, delay: index * 0.08 }}
                   className="w-[280px]"
                 >
-                  <EventCard event={event} />
+                  <EventCard event={event} onOpenDetails={() => setSelectedEvent(event)} />
                 </motion.div>
               ))}
             </div>
@@ -98,7 +101,7 @@ const Events = () => {
               <div className="flex gap-4 pb-4 w-max">
                 {events.map((event, index) => (
                   <div key={index} className="w-[200px] h-[440px]">
-                    <EventCard event={event} />
+                    <EventCard event={event} onOpenDetails={() => setSelectedEvent(event)} />
                   </div>
                 ))}
               </div>
@@ -133,6 +136,10 @@ const Events = () => {
           </motion.div>
         </div>
       </div>
+
+      {selectedEvent && (
+        <EventDetailsModal event={selectedEvent} onClose={() => setSelectedEvent(null)} />
+      )}
     </section>
   );
 };

diff --git a/src/pages/home/components/Hero.tsx b/src/pages/home/components/Hero.tsx
@@ -106,15 +106,15 @@ const Hero = () => {
 
             <p className="text-lg md:text-xl text-slate-600 mb-8 leading-relaxed font-sans">
               We're a community of engineering students who organize{' '}
-              <span className="font-serif font-bold text-orange-500 underline decoration-orange-400/40 decoration-2 underline-offset-4">
+              <span className=" font-bold text-orange-500 underline decoration-orange-400/40 decoration-2 underline-offset-4">
                 workshops, hackathons, and tech events
               </span>{' '}
               to help you learn{' '}
-              <span className="font-serif font-bold text-primary underline decoration-indigo-400/40 decoration-2 underline-offset-4">
+              <span className=" font-bold text-primary underline decoration-indigo-400/40 decoration-2 underline-offset-4">
                 cutting-edge technology
               </span>
               , build amazing projects, and connect with{' '}
-              <span className="font-serif font-bold text-rose-500 underline decoration-rose-400/40 decoration-2 underline-offset-4">
+              <span className=" font-bold text-rose-500 underline decoration-rose-400/40 decoration-2 underline-offset-4">
                 like-minded innovators
               </span>
               .