diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/brand/components/Brand.jsx | 20 | ||||
| -rw-r--r-- | src/lib/home/components/HeroBanner.jsx | 9 |
2 files changed, 22 insertions, 7 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 && ( diff --git a/src/lib/home/components/HeroBanner.jsx b/src/lib/home/components/HeroBanner.jsx index e6136e03..50cfc0ff 100644 --- a/src/lib/home/components/HeroBanner.jsx +++ b/src/lib/home/components/HeroBanner.jsx @@ -10,6 +10,7 @@ import 'swiper/css/pagination' import 'swiper/css/autoplay' import MobileView from '@/core/components/views/MobileView' import DesktopView from '@/core/components/views/DesktopView' +import Link from '@/core/components/elements/Link/Link' const HeroBanner = () => { const { heroBanners } = useHeroBanner() @@ -41,7 +42,9 @@ const HeroBanner = () => { <Swiper slidesPerView={1} className='border border-gray_r-6' {...swiperBannerMobile}> {heroBanners.data?.map((banner, index) => ( <SwiperSlide key={index}> - <Image src={banner.image} alt={banner.name} className='w-full h-auto' /> + <Link href={banner.url || ''} className='w-full h-auto'> + <Image src={banner.image} alt={banner.name} className='w-full h-auto' /> + </Link> </SwiperSlide> ))} </Swiper> @@ -50,7 +53,9 @@ const HeroBanner = () => { <Swiper slidesPerView={1} className='border border-gray_r-6' {...swiperBannerDesktop}> {heroBanners.data?.map((banner, index) => ( <SwiperSlide key={index}> - <Image src={banner.image} alt={banner.name} className='w-full h-auto' /> + <Link href={banner.url || ''} className='w-full h-auto'> + <Image src={banner.image} alt={banner.name} className='w-full h-auto' /> + </Link> </SwiperSlide> ))} </Swiper> |