diff options
Diffstat (limited to 'src/lib')
| -rw-r--r-- | src/lib/home/components/PromotionProgram.jsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/lib/home/components/PromotionProgram.jsx b/src/lib/home/components/PromotionProgram.jsx index a3c09a9b..98bc7c7f 100644 --- a/src/lib/home/components/PromotionProgram.jsx +++ b/src/lib/home/components/PromotionProgram.jsx @@ -9,17 +9,19 @@ const BannerSection = () => { return ( <div className='px-4 sm:px-0'> - <div className='flex justify-between items-center mb-4'> + <div className='flex justify-between items-center mb-4 '> <div className='font-semibold sm:text-h-lg'>Promo Tersedia</div> {isDesktop && ( - <Link href='/shop/promo' className='!text-red-500 font-semibold'> - Lihat Semua - </Link> + <Link href='/shop/promo' + className="rounded-md bg-[#FAD147] px-3.5 py-2.5 text-sm font-semibold text-neutral-950 shadow-sm hover:bg-yellow-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-yellow-600" + > + Lihat Semua + </Link> )} </div> {promotionProgram.data && promotionProgram.data?.length > 0 && ( - <div className='bg-red-300 grid grid-cols-3 sm:grid-cols-3 gap-4 rounded-md'> + <div className='grid grid-cols-3 sm:grid-cols-3 gap-4 rounded-md'> {promotionProgram.data?.map((banner) => ( <Link key={banner.id} href={banner.url}> <Image @@ -28,7 +30,7 @@ const BannerSection = () => { quality={100} src={banner.image} alt={banner.name} - className='h-auto w-full rounded' + className='h-auto w-full rounded hover:scale-105 transition duration-500 ease-in-out' /> </Link> ))} |