diff options
Diffstat (limited to 'src/lib/brand')
| -rw-r--r-- | src/lib/brand/components/Brand.jsx | 20 |
1 files changed, 15 insertions, 5 deletions
diff --git a/src/lib/brand/components/Brand.jsx b/src/lib/brand/components/Brand.jsx index d570aa8b..3c411969 100644 --- a/src/lib/brand/components/Brand.jsx +++ b/src/lib/brand/components/Brand.jsx @@ -1,5 +1,5 @@ import useBrand from '../hooks/useBrand' -import Image from '@/core/components/elements/Image/Image' +import Image from 'next/image' import { Swiper, SwiperSlide } from 'swiper/react' import { Pagination, Autoplay } from 'swiper' @@ -33,8 +33,9 @@ const Brand = ({ id }) => { <Image src='/images/default-banner-brand.jpg' alt='Brand - Indoteknik' - className='w-full' - h-auto + width={1024} + height={512} + className='w-full h-auto' /> )} {brand.data && ( @@ -51,6 +52,8 @@ const Brand = ({ id }) => { <Image src={banner} alt={`Brand ${brand.data?.name} - Indoteknik`} + width={1024} + height={512} className='w-full h-auto' /> </SwiperSlide> @@ -63,6 +66,8 @@ const Brand = ({ id }) => { src={brand?.data?.logo} alt={brand?.data?.name} className='w-32 p-2 border borde-gray_r-6 rounded' + width={256} + height={128} /> )} {!brand?.data?.logo && ( @@ -86,8 +91,9 @@ const Brand = ({ id }) => { <Image src='/images/default-banner-brand.jpg' alt='Brand - Indoteknik' - className='w-full' - h-auto + width={1024} + height={512} + className='w-full h-auto' /> )} {brand.data && ( @@ -104,6 +110,8 @@ const Brand = ({ id }) => { <Image src={banner} alt={`Brand ${brand.data?.name} - Indoteknik`} + width={1024} + height={512} className='w-full h-auto' /> </SwiperSlide> @@ -116,6 +124,8 @@ const Brand = ({ id }) => { src={brand?.data?.logo} alt={brand?.data?.name} className='w-32 p-2 border borde-gray_r-6 rounded' + width={1024} + height={512} /> )} {!brand?.data?.logo && ( |