From 6e5279a3c0902041995bd917b6ad8bdeb47f5f05 Mon Sep 17 00:00:00 2001
From: Nazareno Oviedo <nazareno@basement.studio>
Date: Wed, 6 Apr 2022 11:52:26 -0300
Subject: [PATCH] feat: improves

---
 src/components/sections/community/socials/index.tsx          | 5 +++--
 src/components/sections/homepage/what-others-say/index.tsx   | 4 ++--
 .../sections/homepage/what-others-say/item/index.tsx         | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/sections/community/socials/index.tsx b/src/components/sections/community/socials/index.tsx
index 0e0af78..0341519 100644
--- a/src/components/sections/community/socials/index.tsx
+++ b/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}>
diff --git a/src/components/sections/homepage/what-others-say/index.tsx b/src/components/sections/homepage/what-others-say/index.tsx
index c9a4c64..eac6f75 100644
--- a/src/components/sections/homepage/what-others-say/index.tsx
+++ b/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 (
diff --git a/src/components/sections/homepage/what-others-say/item/index.tsx b/src/components/sections/homepage/what-others-say/item/index.tsx
index 90d6b9a..5f15976 100644
--- a/src/components/sections/homepage/what-others-say/item/index.tsx
+++ b/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}