<iman> add penwaran terbatas popup

2 files changed, 35 insertions, 7 deletions

diff --git a/public/images/penawaran-terbatas.svg b/public/images/penawaran-terbatas.svg
new file mode 100644
index 00000000..485f01a1
--- /dev/null
+++ b/public/images/penawaran-terbatas.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 74 16" style="enable-background:new 0 0 74 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#D8ECD9;stroke:#309D48;stroke-miterlimit:10;}
+	.st1{fill:#D8ECD9;stroke:#309D48;stroke-width:0.6;stroke-miterlimit:10;}
+	.st2{fill:#2F9F48;}
+	.st3{font-family:'Gilroy-Bold';}
+	.st4{font-size:6.2912px;}
+</style>
+<image style="overflow:visible;" width="1159" height="710" xlink:href="B62B1E21.jpg"  transform="matrix(1.5216 0 0 1.5216 -3030.1304 -258.0337)">
+</image>
+<path class="st0" d="M-2358.9-67.4h-157.8c-8.3,0-15.1,6.7-15.1,15.1v0c0,8.3,6.8,15.1,15.1,15.1h1.5c0.6,0,1.1,0.3,1.5,0.7l5.9,7.3
+	c0.7,0.9,2.2,0.9,3,0l6-7.3c0.3-0.4,0.9-0.7,1.5-0.7h138.4c8.3,0,15.1-6.7,15.1-15.1v0C-2343.8-60.7-2350.5-67.4-2358.9-67.4z"/>
+<g>
+	<text transform="matrix(1.0188 0 0 1 -2518.741 -47.305)" class="st2 st3" style="font-size:16.7726px;">Penawaran Terbatas</text>
+</g>
+<path class="st1" d="M66,0.9H6.9c-3.1,0-5.7,2.5-5.7,5.6v0c0,3.1,2.5,5.6,5.7,5.6h0.6c0.2,0,0.4,0.1,0.6,0.3l2.2,2.7
+	c0.3,0.3,0.8,0.3,1.1,0l2.3-2.7c0.1-0.2,0.3-0.2,0.6-0.2H66c3.1,0,5.7-2.5,5.7-5.6v0C71.7,3.4,69.2,0.9,66,0.9z"/>
+<g>
+	<text transform="matrix(1.0188 0 0 1 6.0805 8.4081)" class="st2 st3 st4">Penawaran Terbatas</text>
+</g>
+</svg>
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