From f068660f6a585c1665937e77e91a2c5376163ad3 Mon Sep 17 00:00:00 2001
From: taurn kale <tkumarkale@gmail.com>
Date: Mon, 12 Aug 2024 20:45:47 +0530
Subject: [PATCH] apply lazy loading on gallery

---
 src/components/Gallery.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Gallery.jsx b/src/components/Gallery.jsx
index 5c4473a..a12b9f0 100644
--- a/src/components/Gallery.jsx
+++ b/src/components/Gallery.jsx
@@ -44,7 +44,7 @@ const Gallery = () => {
             <img
               src={image}
               alt={`Gallery ${index}`}
-              className="w-full h-48 object-cover"
+              className="w-full h-48 object-cover" loading='lazy'
             />
           </div>
         ))}
@@ -61,7 +61,7 @@ const Gallery = () => {
             >
               <FaArrowLeft />
             </button>
-            <img src={images[currentImage]} alt={`Gallery ${currentImage}`} className="max-h-screen" />
+            <img src={images[currentImage]} alt={`Gallery ${currentImage}`} className="max-h-screen"  loading='lazy'/>
             <button
               className="absolute right-0 transform translate-x-full -translate-y-1/2 p-4 bg-white rounded-full"
               onClick={nextImage}