Alt tags to imgs

src/components/Assignment.jsx

@@ -19,6 +19,7 @@ const Assignment = ({ number, heading, problem, link, status, onUpdate }) => {
                 href={link}
                 className="text-[#687eff] text-sm uppercase font-bold mx-3"
                 target="_blank"
+                rel="noreferrer"
               >
                 PREVIEW LINK
               </a>

src/components/BatchIntroduction.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { GoStar } from "react-icons/go";
 import ReactPlayer from "react-player";
 const BatchIntroduction = ({ batchName, batchIntroVideo, batchHighlights }) => {

src/components/Footer.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { FaLaptopCode } from "react-icons/fa";
 import { Link } from "react-router-dom";
 import { AiFillLinkedin } from "react-icons/ai";
@@ -63,7 +62,7 @@ const Footer = () => {
         </p>
         <div className="flex flex-row items-center justify-center space-x-3">
           {socialLinks.map((element, index) => (
-            <a key={index} href={element.href} target="_blank">
+            <a key={index} href={element.href} target="_blank" rel="noreferrer">
               {element.icon}
             </a>
           ))}

src/components/Home/About.jsx

@@ -32,6 +32,8 @@ const About = () => {
                 href={element.href}
                 target="_blank"
                 className="text-sm  uppercase   text-white rounded font-bold hover:opacity-80"
+                rel="noreferrer"
+                key={aboutSocialLinks.indexOf(element)}
               >
                 {element.icon}
               </a>

src/components/Home/AboutFounder.jsx

@@ -6,7 +6,7 @@ const AboutFounder = () => {
     <div className="mt-24 py-6 px-5 md:px-20 flex flex-col space-y-12 items-center justify-center">
       <div className="flex flex-col md:flex-row items-start justify-between space-x-2 space-y-8 md:space-y-0">
         <div className="md:1/2 flex flex-col items-between justify-between space-y-3 text-white mx-8 my-auto">
-          <img src={FounderImage} className="w-[400px] h-84 rounded  " />
+          <img src={FounderImage} className="w-[400px] h-84 rounded  " alt="Picture of Vishal Rajput, founder of Frontend Freaks, sitting with his arms crossed."/>
           <h1 className="text-4xl font-bold text-center ">Vishal Rajput</h1>
         </div>
         <div className="md:w-1/2 flex text-[1rem]  -mt-8 flex-col items-start justify-between space-y-5 text-white  p-1 ">
@@ -20,7 +20,7 @@ const AboutFounder = () => {
           ))}
           <div className="flex flex-row items-center justify-start space-x-3">
             {founderSocialLinks.map((link, index) => (
-              <a key={index} href={link.href} target="_blank">
+              <a key={index} href={link.href} target="_blank" rel="noreferrer">
                 {link.icon}
               </a>
             ))}

src/components/Home/Accordion.jsx

@@ -1,4 +1,4 @@
-import { useState, useRef } from "react";
+import { useState} from "react";
 import AccordionElement from "./AccordionElement";
 import { accordionQuestions } from "./content";
 import FAQ from "./../../assets/faq.svg";
@@ -44,7 +44,7 @@ const Accordion = () => {
           </div>
         </div>
         <div>
-          <img src={FAQ} alt="FAQ" />
+          <img src={FAQ} alt="Cartoon image of two people with a big question mark floating behind them." />
         </div>
       </div>
     </div>

src/components/Home/Contact.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { FaTwitterSquare } from "react-icons/fa";
 import { MdEmail } from "react-icons/md";
 import { BsLinkedin } from "react-icons/bs";

src/components/Home/Features.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { featuresData } from "./content";
 
 const Features = () => {

src/components/Home/Hero.jsx

@@ -30,7 +30,8 @@ const Hero = () => {
         </div>
       </div>
       <div className="w-full md:w-1/2  p-1 ">
-        <img src={HeroImg} className="w-full " />
+        <img src={HeroImg} className="w-full " alt="Image of a web developer smilling, 
+        wearing a blue shirt and glasses, sitting with a laptop in front of him and a cup of coffee. Code snippets of HTML and CSS floating on the brackground."/>
       </div>
     </div>
   );

src/components/Home/JoinBatches.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link } from "react-router-dom";
 import { batchData } from "./content";
 

src/components/Home/content.jsx

@@ -3,7 +3,6 @@ import { BsPeopleFill } from "react-icons/bs";
 import { FaTools, FaUserGraduate, FaVideo } from "react-icons/fa";
 import {
   FaLaptopCode,
-  FaGithubSquare,
   FaTwitterSquare,
   FaYoutube,
 } from "react-icons/fa";

src/components/MCQComponent.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 
 const MCQComponent = ({ question, options, answer, onSelect, id }) => {
   const [selectedOption, setSelectedOption] = useState(null);

src/components/StartLearning.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link } from "react-router-dom";
 
 const StartLearning = ({ learningData }) => {

src/components/VideoElement.jsx

@@ -1,6 +1,5 @@
-import React from "react";
 import ReactPlayer from "react-player";
-import { Link } from "react-router-dom";
+
 const VideoElement = ({
   videoUrl,
   mainPoints,
@@ -38,6 +37,7 @@ const VideoElement = ({
         <div className="flex flex-row items-center justify-start space-x-4 mt-7">
           {link && (
             <a
+              rel="noreferrer"
               href={link}
               onClick={scrollToTop}
               target="_blank"