feat: v1 patches done

src/assets/css/footer.css

@@ -1,7 +1,3 @@
-* {
-    font-size: 16px;
-}
-
 .footer {
     display: flex;
     justify-content: center;

src/components/Contact.jsx

@@ -1,49 +1,85 @@
 import React, { useState } from 'react';
 import emailjs from 'emailjs-com';
 import '../assets/css/contact.css';
+import { toast } from 'react-toastify';
 
 function Contact() {
-  const [successMessage, setSuccessMessage] = useState(''); 
+  const [fromName, setFromName] = useState('');
+  const [fromEmail, setFromEmail] = useState('');
+  const [subject, setSubject] = useState('');
+  const [htmlMessage, setHtmlMessage] = useState('');
 
   function sendEmail(e) {
     e.preventDefault();
 
-    emailjs.sendForm('service_1n01ek5', 'template_c4bir93', e.target, 'LqKAhPE3L0Md4zlV3')
+    const templateParams = {
+      to_name: 'Recipient Name',
+      from_name: fromName,
+      message: htmlMessage,
+      reply_to: fromEmail,
+    };
+
+    emailjs.send('service_1n01ek5', 'template_riovy6p', templateParams, 'OKkhesuDlW6tfPh_x')
       .then((result) => {
-          setSuccessMessage('Your email has been sent successfully!');
-          e.target.reset();
-          setTimeout(() => setSuccessMessage(''), 4000);
+        setFromName('');
+        setFromEmail('');
+        setSubject('');
+        setHtmlMessage('');
+        toast("Your email has been sent successfully!")
       }, (error) => {
-          console.log(error.text);
+        console.log(error.text); // Log errors if any
       });
   }
 
   return (
     <section id="Contact">
       <h2 className='heading_title_contact'>Contact</h2>
       <div className="container">
-        {successMessage && ( 
-          <div className="prompt-message">
-            {successMessage}
-          </div>
-        )}
         <form className="contact-form col-md-8" onSubmit={sendEmail}>
           <div className="row">
             <div className="col-md-12">
               <input type="hidden" name="contact_number" />
             </div>
             <div className="col-md-12">
-              <input type="text" name="subject" placeholder='SUBJECT' required/>
+              <input
+                type="text"
+                name="subject"
+                placeholder='SUBJECT'
+                value={subject}
+                onChange={(e) => setSubject(e.target.value)}
+                required
+              />
             </div>
             <div className="col-md-12">
-              <textarea name="html_message" rows={5} placeholder='WRITE YOUR MESSAGE' required/>
+              <textarea
+                name="html_message"
+                rows={5}
+                placeholder='WRITE YOUR MESSAGE'
+                value={htmlMessage}
+                onChange={(e) => setHtmlMessage(e.target.value)}
+                required
+              />
             </div>
             <div className="two_col_contact">
               <div className="col-md-6">
-                <input type="text" name="from_name" placeholder='YOUR NAME' required/>
+                <input
+                  type="text"
+                  name="from_name"
+                  placeholder='YOUR NAME'
+                  value={fromName}
+                  onChange={(e) => setFromName(e.target.value)}
+                  required
+                />
               </div>
               <div className="col-md-6">
-                <input type="email" name="from_email" placeholder='YOUR EMAIL' required/>
+                <input
+                  type="email"
+                  name="from_email"
+                  placeholder='YOUR EMAIL'
+                  value={fromEmail}
+                  onChange={(e) => setFromEmail(e.target.value)}
+                  required
+                />
               </div>
             </div>
           </div>

src/components/EventPage.jsx

@@ -10,8 +10,9 @@ import CodeOLympics from '../assets/images/v1/col.png';
 import PitchAndWin from '../assets/images/v1/paw.png';
 import BeyondBoundaries from '../assets/images/v1/tech-talk.png';
 import Autobot from '../assets/images/v1/autobot.png';
-import RoboRace from '../assets/images/v1/digicast.png';
 import BuildABot from '../assets/images/v1/bab.png';
+import Etalk from '../assets/images/v1/etalk.png';
+import RoboRace from '../assets/images/v1/roborace.png';
 
 function EventPage() {
   return (
@@ -35,80 +36,79 @@ function EventPage() {
           <EventCard
             title="CraftNCode 2024"
             image={CraftNCode}
-            description="This national-level hackathon invites brilliant minds from across the country to innovate, collaborate, and solve real-world challenges. In the first phase, participating colleges will host hackathons in their respective states. The final round will feature the top teams from this phase, who will earn an invitation to compete at IIIT Bhubaneswar."
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
+            description="This national-level hackathon invites brilliant minds from across the country to innovate, collaborate, and solve real-world challenges."
+            date="Date: 8th Nov 2024, 10:00 PM - 9th Nov 2024, 8:00 AM"
+            prize_pool="Price Pool: INR 50,000"
             coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
           />
           <EventCard
             title="CyberSec Battle"
             image={CyberSecBattle}
-            description="This competition challenges you to address critical issues like financial fraud, security breaches, national security threats, and emerging cyberattacks. The top teams will converge in Bhubaneswar for a final showdown, vying for the prestigious title of CyberSec Battle Champions!"
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="This competition challenges you to address critical issues like financial fraud, security breaches, national security threats, and emerging cyberattacks."
+            date="Date: 9th Nov 2024, 10:00 PM - 10th Nov 2024, 8:00 AM"
+            prize_pool="Price Pool: INR 16,000"
+            coordinators="Co-ordinators: Gourav Munjan, Soubhik Gon"
           />
           <EventCard
             title="Code-O-Lympics"
             image={CodeOLympics}
-            description="Cod-o-lympics is an ICPC-inspired programming competition where each team competes to solve a set of problems within a given time frame. The team that solves the most problems in the least amount of time will be declared the winner. Participants must form a team of exactly 3 members, and each team must have exactly 2 laptops during the event. The maximum allotted time is 3 hours."
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="Cod-o-lympics is an ICPC-inspired programming competition where each team competes to solve a set of problems within a given time frame."
+            date="Date: 9th Nov 2024, 4:00 PM - 7:30 PM"
+            prize_pool="Price Pool: INR 16,000"
+            coordinators="Co-ordinators: Krishna Kalra, Saswat Parasar Behera"
           />
           <EventCard
             title="Pitch and Win"
             image={PitchAndWin}
-            description="The Pitch and Win competition challenges participants to create groundbreaking solutions to existing problems, pitch them to industry experts, and make their ideas a reality. Do you have what it takes to impress the panel and walk away with the title of Pitch and Win Champion?"
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="The Pitch and Win competition challenges participants to create groundbreaking solutions to existing problems and pitch them to industry experts."
+            date="Date: 10th Nov 2024, 10:00 AM - 1:00 PM"
+            prize_pool="Price Pool: INR 35,000"
+            coordinators="Co-ordinators: Anirudh Pradhan, Pinaki RS"
           />
           <EventCard
-            title="Beyond Boundaries"
+            title="Tech Talk"
             image={BeyondBoundaries}
-            description="Industry experts and passionate developers converge to share insights on the latest trends, tools, and innovations in software development. Engage in thought-provoking discussions, interactive workshops, and networking opportunities that will inspire your tech journey!"
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
+            description="Industry experts and passionate developers converge to share insights on the latest trends, tools, and innovations in software development."
+            date="Date: 8th Nov 2024, 7:00 PM - 9:00 PM"
             coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
           />
-
           <EventCard
             title="Digicast"
             image={Digicast}
-            description="A dynamic forum where hardware enthusiasts and industry leaders come together to explore cutting-edge technologies, emerging trends, and practical applications in hardware development. Participate in engaging talks, hands-on demonstrations, and collaborative discussions that will elevate your understanding of the hardware landscape!"
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="A dynamic forum where hardware enthusiasts and industry leaders come together to explore cutting-edge technologies."
+            date="Date: 10th Nov 2024, 4:00 PM - 5:00 PM"
+            coordinators="Co-ordinators: Abhijeet Mukherjee, Preetam"
           />
           <EventCard
             title="E-Talk"
-            image={BeyondBoundaries}
-            description="Industry experts and passionate developers converge to share insights on the latest trends, tools, and innovations in software development. Engage in thought-provoking discussions, interactive workshops, and networking opportunities that will inspire your tech journey!"
+            image={Etalk}
+            description="A captivating session where industry leaders and visionary developers will dive into the latest advancements and future directions in technology. Discover innovative tools, gain fresh perspectives on emerging trends, and participate in a lively Q&A session. This is an unmissable opportunity to expand your knowledge, network with experts, and get inspired to drive innovation in your own projects."
+            date="Date: 10th Nov 2024, 5:00 PM - 6:00 PM"
+            coordinators="Co-ordinators: Anirudh Pradhan, Pinaki R.S."
           />
           <EventCard
-            title="Autobot"
+            title="AutoBot"
             image={Autobot}
-            description="This competition challenges you to build and program a fully autonomous robot capable of navigating a complex course filled with sharp turns, unexpected obstacles, and high-speed demands. Whether you’re a seasoned robotics pro or a passionate newcomer, AutoBot offers the perfect platform to compete with fellow enthusiasts and showcase your cutting-edge designs."
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="This competition challenges you to build and program a fully autonomous robot capable of navigating a complex course."
+            date="Date: 10th Nov 2024, 10:00 AM - 3:00 PM"
+            prize_pool="Price Pool: INR 15,000"
+            coordinators="Co-ordinators: Abhijeet Mukherjee, Preetam"
           />
           <EventCard
             title="Robo Race"
             image={RoboRace}
-            description="Competitors will design and construct robots capable of navigating a specially designed obstacle course that challenges not just speed, but also precision and agility. Your task is to create a robot that can overcome every hurdle and complete the course in the shortest time possible. Every second counts!"
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="Competitors will design and construct robots capable of navigating a specially designed obstacle course."
+            date="Date: 9th Nov 2024, 10:00 AM - 6:00 PM"
+            prize_pool="Price Pool: INR 10,000"
+            coordinators="Co-ordinators: Abhijeet Mukherjee, Preetam"
           />
           <EventCard
             title="Build A Bot"
             image={BuildABot}
-            description="This event invites students to engage in a thrilling 24-hour challenge where they design and build a functional bot using Arduino or Raspberry Pi. Build a Bot is designed to showcase innovative creations while testing participants' creativity and technical skills."
-            date="Date: 20th - 21st march 2024"
-            prize_pool="INR 50,000"
-            coordinators="Co-ordinators: Soubhik Gon, Saswat Parasar Behera"
+            description="This event invites students to engage in a thrilling 24-hour challenge where they design and build a functional bot."
+            date="Date: 8th Nov 2024, 10:00 PM - 9th Nov 2024, 8:00 AM"
+            prize_pool="Price Pool: INR 30,000"
+            coordinators="Co-ordinators: Abhijeet Mukherjee, Preetam"
           />
         </div>
       </div>

src/components/Events.jsx

@@ -50,7 +50,7 @@ const EventCard = ({ title, image, description, prize_pool, coordinators, date})
             <div className="event-content">
                 <div className='event-header'>
                 <h3 className='event-title' >{title}</h3>
-                <span className='prize_pool'>Prize Pool : {prize_pool}</span> 
+                <span className='prize_pool'>{prize_pool}</span> 
                 </div>
                 <p className='event-description' ref={descriptionRef}>{description}
                 </p> 

src/components/Footer.jsx

@@ -14,16 +14,16 @@ const Tooltip = ({ text, position }) => {
   return (
     <p
       style={{
-        backgroundColor: 'white', 
-        color:'black',
-        position: 'absolute', 
-        left: position.x, 
+        backgroundColor: 'white',
+        color: 'black',
+        position: 'absolute',
+        left: position.x,
         top: position.y + 20,
-        background:'black',
-        color: '#fff', 
-        padding: '5px 10px', 
-        borderRadius: '5px', 
-        zIndex: 1000 
+        background: 'black',
+        color: '#fff',
+        padding: '5px 10px',
+        borderRadius: '5px',
+        zIndex: 1000
       }}
     >
       {text}
@@ -105,36 +105,47 @@ function Footer() {
             <a href="https://www.linkedin.com/company/tech-society-iiitbh/">Linkedin</a>
           </li>
           <li className='social-item'>
-            <Mail  />
+            <Mail />
             <a href="mailto:[email protected]">Mail</a>
           </li>
         </div>
 
         <div className='contact'>
           <li onMouseEnter={(e) => showTooltip(contact_A, e)} onMouseLeave={() => hideTooltip()} style={{ cursor: 'pointer' }}>
-            <p>Ehtisham Mohd  <p className='contact-item' onClick={() => copyPhoneNumber(contact_A.no.split(' ').join(''))}>
-              {contact_A.no}</p>
+            <p>
+              Ehtisham Mohd
+              <span className='contact-item' onClick={() => copyPhoneNumber(contact_A.no.split(' ').join(''))}>
+                {contact_A.no}
+              </span>
             </p>
           </li>
           <li onMouseEnter={(e) => showTooltip(contact_B, e)} onMouseLeave={() => hideTooltip()} style={{ cursor: 'pointer' }}>
-            <p>Soubhik Kumar Gon  <p className='contact-item' onClick={() => copyPhoneNumber(contact_B.no.split(' ').join(''))}>
-              {contact_B.no}</p>
+            <p>
+              Soubhik Kumar Gon
+              <span className='contact-item' onClick={() => copyPhoneNumber(contact_B.no.split(' ').join(''))}>
+                {contact_B.no}
+              </span>
             </p>
           </li>
           <li onMouseEnter={(e) => showTooltip(contact_C, e)} onMouseLeave={() => hideTooltip()} style={{ cursor: 'pointer' }}>
-            <p>Saswat Parasar Behera <p className='contact-item' onClick={() => copyPhoneNumber(contact_C.no.split(' ').join(''))} >
-              {contact_C.no}</p>
+            <p>
+              Saswat Parasar Behera
+              <span className='contact-item' onClick={() => copyPhoneNumber(contact_C.no.split(' ').join(''))}>
+                {contact_C.no}
+              </span>
             </p>
           </li>
           <li onMouseEnter={(e) => showTooltip(contact_D, e)} onMouseLeave={() => hideTooltip()} style={{ cursor: 'pointer' }}>
-            <p>Abhijeet  <p className='contact-item' onClick={() => copyPhoneNumber(contact_D.no.split(' ').join(''))} >
-              {contact_D.no}</p>
+            <p>
+              Abhijeet
+              <span className='contact-item' onClick={() => copyPhoneNumber(contact_D.no.split(' ').join(''))}>
+                {contact_D.no}
+              </span>
             </p>
           </li>
         </div>
 
 
-
         <div className='footer-address'>
           <p>IIIT Bhubaneswar, Gothapatna, Bhubaneswar, Odisha, 751003</p>
           <p>Email: [email protected]</p>

yarn.lock

@@ -1083,6 +1083,7 @@ __metadata:
     react: "npm:^18.3.1"
     react-dom: "npm:^18.3.1"
     react-router-dom: "npm:^6.26.2"
+    react-toastify: "npm:^10.0.5"
     vite: "npm:^5.4.1"
   languageName: unknown
   linkType: soft
@@ -1169,6 +1170,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"clsx@npm:^2.1.0":
+  version: 2.1.1
+  resolution: "clsx@npm:2.1.1"
+  checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
+  languageName: node
+  linkType: hard
+
 "color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
@@ -3088,6 +3096,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-toastify@npm:^10.0.5":
+  version: 10.0.5
+  resolution: "react-toastify@npm:10.0.5"
+  dependencies:
+    clsx: "npm:^2.1.0"
+  peerDependencies:
+    react: ">=18"
+    react-dom: ">=18"
+  checksum: 10c0/66c68ec3d6c017d9f32652d73bb925224921c6a80b629b9d481430d5b4fd504abb7a99995a64b9aef0fc31326c74f3cbe088b3287b978dd0c355079c4bbf4158
+  languageName: node
+  linkType: hard
+
 "react@npm:^18.3.1":
   version: 18.3.1
   resolution: "react@npm:18.3.1"