Add quality

canopas · Mar 12, 2024 · e7e502b · e7e502b
1 parent d3efc56
commit e7e502b
Showing 1 changed file with 6 additions and 25 deletions.
diff --git a/website/components/Hero/index.tsx b/website/components/Hero/index.tsx
@@ -23,48 +23,45 @@ 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>
               <div className="h-full w-full">
                 <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