From baa7cb664e662cee23cdad92c78d9c14cab2445d Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Wed, 3 May 2023 15:19:35 +0700
Subject: add whatsapp widget and page not found

---
 src/lib/brand/components/Brand.jsx     | 20 +++++++++++++++-----
 src/lib/home/components/HeroBanner.jsx |  9 +++++++--
 2 files changed, 22 insertions(+), 7 deletions(-)

(limited to 'src/lib')

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>
-- 
cgit v1.2.3