diff options
Diffstat (limited to 'src/core/components/elements/Navbar')
| -rw-r--r-- | src/core/components/elements/Navbar/NavbarDesktop.jsx | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx index ff43d4a0..78e7f54a 100644 --- a/src/core/components/elements/Navbar/NavbarDesktop.jsx +++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx @@ -57,7 +57,7 @@ const NavbarDesktop = () => { }, 500); const hideTimer = setTimeout(() => { - setShowPopup(false); + // setShowPopup(false); }, 9500); return () => { @@ -256,18 +256,22 @@ const NavbarDesktop = () => { > <p className="absolute inset-0 flex justify-center items-center group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200 z-10">Semua Promo</p> </Link> - {showPopup && router.pathname === '/' && ( + {/* {showPopup && router.pathname === '/' && ( <div className={`fixed ${isTop ? 'top-[170px]' : 'top-[90px]'} rounded-3xl left-[700px] w-fit object-center bg-green-50 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20 text-center p-2 z-50 transition-all duration-300`}> <p className='w-36 h-3'> Penawaran Terbatas </p> </div> - )} - {/* {showPopup && router.pathname === '/' && ( - <div className={`fixed ${isTop ? 'top-44' : 'top-24'} left-[700px] border-none object-center text-xs font-thin text-green-700 p-2 z-50 transition-all duration-150`}> - <ArrowUpRightIcon className='w-10'/> - </div> )} */} + {showPopup && router.pathname === '/' && ( + <Image + src='/images/penawaran-terbatas.svg' + alt='penawaran terbatas' + width={144} + height={3} + className={`fixed ${isTop ? 'top-[-275px]' : 'top-[-345px]'} rounded-3xl left-[680px] w-48 h-full p-2 z-50 transition-all duration-300`} + /> + )} <Link |