lazy loading images in sponsor section

LaurierHawkHacks · Apr 13, 2024 · 2b167f7 · 2b167f7
1 parent 8bbe93b
commit 2b167f7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/sections/Sponsor.section.tsx b/src/components/sections/Sponsor.section.tsx
@@ -1,4 +1,3 @@
-
 import { sponsors } from './data';
 import { TopBorder, BottomBorder, Hawk, BirdParts } from '@assets';
 import { logEvent, analytics } from '../../utils/Analytics';
@@ -91,6 +90,7 @@ const SponsorSection = () => {
                                                     src={sponsor.image}
                                                     alt={sponsor.name}
                                                     className="aspect-video h-full w-auto object-contain transition-transform duration-300 ease-in-out hover:scale-105"
+                                                    loading="lazy"
                                                 />
                                             </a>
                                         )
@@ -119,6 +119,7 @@ const SponsorSection = () => {
                                                 src={sponsor.image}
                                                 alt={sponsor.name}
                                                 className="aspect-video h-full w-auto object-contain transition-transform duration-300 ease-in-out hover:scale-105"
+                                                loading="lazy"
                                             />
                                         </a>
                                     ))}
@@ -150,6 +151,7 @@ const SponsorSection = () => {
                                                     src={sponsor.image}
                                                     alt={sponsor.name}
                                                     className="aspect-video h-full w-auto object-contain transition-transform duration-300 ease-in-out hover:scale-105"
+                                                    loading="lazy"
                                                 />
                                             </a>
                                         )
@@ -182,6 +184,7 @@ const SponsorSection = () => {
                                                     src={sponsor.image}
                                                     alt={sponsor.name}
                                                     className="aspect-video h-full w-auto object-contain transition-transform duration-300 ease-in-out hover:scale-105"
+                                                    loading="lazy"
                                                 />
                                             </a>
                                         )
@@ -217,6 +220,7 @@ const SponsorSection = () => {
                                             src={partner.image}
                                             alt={partner.name}
                                             className="aspect-video h-full w-auto object-contain transition-transform duration-300 ease-in-out hover:scale-105"
+                                            loading="lazy"
                                         />
                                     </a>
                                 ))}