summaryrefslogtreecommitdiff
path: root/src/core/components/elements/Navbar/NavbarDesktop.jsx
diff options
context:
space:
mode:
authorit-fixcomart <it@fixcomart.co.id>2024-08-07 13:14:27 +0700
committerit-fixcomart <it@fixcomart.co.id>2024-08-07 13:14:27 +0700
commit3b785b0bce7cf27a377716c8dca300a996daff0c (patch)
tree9bcbbdc72d0c70ff613de4a9b93f835fb33c32a7 /src/core/components/elements/Navbar/NavbarDesktop.jsx
parent6bfa8b7b0c6afaec7eb3d81983d0f012953b07f2 (diff)
<iman> add penwaran terbatas popup
Diffstat (limited to 'src/core/components/elements/Navbar/NavbarDesktop.jsx')
-rw-r--r--src/core/components/elements/Navbar/NavbarDesktop.jsx18
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