diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/home/components/CategoryPilihan.jsx | 17 | ||||
| -rw-r--r-- | src/pages/index.jsx | 2 |
2 files changed, 7 insertions, 12 deletions
diff --git a/src/lib/home/components/CategoryPilihan.jsx b/src/lib/home/components/CategoryPilihan.jsx index e47524aa..72e6f6a8 100644 --- a/src/lib/home/components/CategoryPilihan.jsx +++ b/src/lib/home/components/CategoryPilihan.jsx @@ -23,25 +23,21 @@ const CategoryPilihan = ({ id, categories }) => { <div className='font-semibold sm:text-h-lg mr-2'>LOB Kategori Pilihan</div> <p className='text-gray_r-10 text-sm'>200 Rb+ Produk Unggulan & 800+ Brand Rekomendasi tersedia!</p> </div> - <div className='flex w-full h-48 justify-center mb-4'> {heroBanner.data && heroBanner.data?.length > 0 && ( - <div className=' '> - <Link key={heroBanner.data[0].id} href={heroBanner.data[0].url}> + <div className='flex w-full h-full justify-center mb-4 bg-cover bg-center'> + <Link key={heroBanner.data[0].id} href={heroBanner.data[0].url}> <Image width={1260} height={170} quality={100} - // src={heroBanner.data[0].image} - src={"https://erp.indoteknik.com/web/image?model=x_banner.banner&id=345&field=x_banner_image&unique=09202023101820"} + src={heroBanner.data[0].image} alt={heroBanner.data[0].name} - className='h-48 object-cover w-full' + className='h-full object-cover w-full' /> </Link> - </div> - + </div> )} - </div> <div className="group/item grid grid-cols-6 gap-y-2 w-full h-full col-span-2 "> {categoryPilihan?.data?.map((category) => ( <div key={category.id} className="KartuInti h-48 w-60 max-w-sm lg:max-w-full flex flex-col border-[1px] border-gray-200 relative group"> @@ -72,7 +68,7 @@ const CategoryPilihan = ({ id, categories }) => { <div className='font-semibold sm:text-h-md mr-2'>LOB Kategori Pilihan</div> {/* <p className='text-gray_r-10 text-sm'>200 Rb+ Produk Unggulan & 800+ Brand Rekomendasi tersedia!</p> */} </div> - <div className='flex mb-4'> + <div className='flex'> {heroBanner.data && heroBanner.data?.length > 0 && ( <div className=' object-fill '> @@ -87,7 +83,6 @@ const CategoryPilihan = ({ id, categories }) => { /> </Link> </div> - )} </div> <Swiper slidesPerView={2.1} spaceBetween={10}> diff --git a/src/pages/index.jsx b/src/pages/index.jsx index 64c880c7..9d9d5dc0 100644 --- a/src/pages/index.jsx +++ b/src/pages/index.jsx @@ -156,7 +156,7 @@ export default function Home({categoryId}) { <DelayRender renderAfter={200}> <HeroBanner /> </DelayRender> - <div className='flex flex-col gap-y-12 my-6'> + <div className='flex flex-col gap-y-4 my-6'> <DelayRender renderAfter={400}> <ServiceList /> </DelayRender> |