From e7e502b4ae0db939923a8eb066c133571fabf61b Mon Sep 17 00:00:00 2001
From: cp-dharti-r <dharti.r@canopas.com>
Date: Tue, 12 Mar 2024 16:16:31 +0530
Subject: [PATCH] Add quality

---
 website/components/Hero/index.tsx | 31 ++++++-------------------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/website/components/Hero/index.tsx b/website/components/Hero/index.tsx
index 9e53fa2..56dba40 100644
--- a/website/components/Hero/index.tsx
+++ b/website/components/Hero/index.tsx
@@ -23,10 +23,11 @@ const Hero = () => {
             <SwiperSlide>
               <Image
                 src="/images/banner/1.jpg"
-                fill
                 className="h-full w-full object-cover"
                 alt="banner-slide-image"
+                fill
                 unoptimized
+                quality={50}
               />
             </SwiperSlide>
             <SwiperSlide>
@@ -34,37 +35,33 @@ const Hero = () => {
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/2.jpg"
-                    width={1000}
-                    height={500}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
+                    quality={50}
                   />
                   <Image
                     src="/images/banner/3.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
+                    quality={50}
                   />
                 </div>
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/4.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
+                    quality={50}
                   />
                   <Image
                     src="/images/banner/5.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
+                    quality={50}
                   />
                 </div>
               </div>
@@ -74,16 +71,12 @@ const Hero = () => {
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/6.jpg"
-                    width={1000}
-                    height={500}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                   />
                   <Image
                     src="/images/banner/7.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
@@ -92,16 +85,12 @@ const Hero = () => {
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/8.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                   />
                   <Image
                     src="/images/banner/9.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
@@ -114,16 +103,12 @@ const Hero = () => {
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/10.jpg"
-                    width={1000}
-                    height={500}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                   />
                   <Image
                     src="/images/banner/11.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
@@ -132,16 +117,12 @@ const Hero = () => {
                 <div className="flex h-1/2 w-full">
                   <Image
                     src="/images/banner/12.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-3/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized
                   />
                   <Image
                     src="/images/banner/13.jpg"
-                    width={1000}
-                    height={1000}
                     className="h-full w-1/4 object-cover"
                     alt="banner-slide-image"
                     unoptimized