feat: improves

src/components/sections/community/socials/index.tsx

@@ -19,9 +19,10 @@ const Socials = () => {
     <Section className={s['section']}>
       <Container className={s.container}>
         <img
-          className={s.planetImage}
-          src="/images/community/socials/planet.png"
           alt="planet figure"
+          className={s.planetImage}
+          loading="lazy"
+          src="/images/community/socials/planet.png"
         />
         <div>
           <div className={s.headingContainer}>

src/components/sections/homepage/what-others-say/index.tsx

@@ -91,7 +91,7 @@ const WhatOthersSay = () => {
 
         <div className={s['carousel']} ref={carouselRef}>
           <div className={s['image']}>
-            <img src="/images/head.png" alt="" />
+            <img src="/images/head.png" loading="lazy" alt="Head" />
           </div>
 
           {testimonials.map((testimonial, index) => {
@@ -112,7 +112,7 @@ const WhatOthersSay = () => {
       </Container>
       <div ref={ref} className={clsx('keen-slider', s['slider'])}>
         <div className={s['image']}>
-          <img src="/images/head.png" alt="" />
+          <img src="/images/head.png" loading="lazy" alt="Head" />
         </div>
         {testimonials.map((testimonial, index) => {
           return (

src/components/sections/homepage/what-others-say/item/index.tsx

@@ -24,7 +24,7 @@ const Item = ({
     <div className={clsx(s['item'], className)}>
       <div className={s['item__header']}>
         <div>
-          <img src={image} alt="" />
+          <img src={image} alt={name} loading="lazy" />
           <div>
             <p>
               {name}