Fix accessibility issues

components/Feature.js

@@ -35,9 +35,9 @@ const Feature = () => {
         <ScrollAnimationWrapper>
 
         <motion.div className="flex flex-col items-end justify-center ml-auto w-full lg:w-9/12" variants={scrollAnimation}>
-          <h3 className="text-3xl lg:text-4xl font-medium leading-relaxed text-black-600">
+          <h2 className="text-3xl lg:text-4xl font-medium leading-relaxed text-black-600">
             We Provide Many Features You Can Use
-          </h3>
+          </h2>
           <p className="my-2 text-black-500">
             You can explore the features that we provide with fun and have their
             own functions each feature.

components/Hero.js

@@ -71,7 +71,7 @@ const Hero = ({
             >
               <div className="flex mx-auto w-40 sm:w-auto">
                 <div className="flex items-center justify-center bg-orange-100 w-12 h-12 mr-6 rounded-full">
-                  <img src={listUsers.icon} className="h-6 w-6" />
+                  <img src={listUsers.icon} alt={listUsers.name} className="h-6 w-6" />
                 </div>
                 <div className="flex flex-col">
                   <p className="text-xl text-black-600 font-bold">

components/Layout/Footer.js

@@ -24,7 +24,7 @@ const Footer = () => {
               <Instagram className="h-6 w-6" />
             </div>
           </div>
-          <p className="text-gray-400">©{new Date().getFullYear()} - LaslesVPN</p>
+          <p>©{new Date().getFullYear()} - LaslesVPN</p>
         </div>
         <div className=" row-span-2 sm:col-span-2 sm:col-start-7 sm:col-end-9 flex flex-col">
           <p className="text-black-600 mb-4 font-medium text-lg">Product</p>