From d528fce32aca0c69ef61a5e7428215237d642eea Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 25 Jul 2024 09:13:51 +0700
Subject: <iman> upade icon navbar semua promo

---
 public/images/ICON PROMO DISKON.svg                | 22 ++++---------
 .../components/elements/Navbar/NavbarDesktop.jsx   | 36 ++++++++++++----------
 2 files changed, 26 insertions(+), 32 deletions(-)

diff --git a/public/images/ICON PROMO DISKON.svg b/public/images/ICON PROMO DISKON.svg
index 4e2ce6b4..f7c16ca8 100644
--- a/public/images/ICON PROMO DISKON.svg	
+++ b/public/images/ICON PROMO DISKON.svg	
@@ -1,23 +1,13 @@
 <?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 1080 1080" style="enable-background:new 0 0 1080 1080;" xml:space="preserve">
+	 viewBox="0 0 163 51" style="enable-background:new 0 0 163 51;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill:#E20613;}
+	.st0{fill:#ED1E27;}
 	.st1{fill:#FFFFFF;}
-	.st2{font-family:'HelveticaNeueLTW06-93BlkExtObl';}
-	.st3{font-size:401.5979px;}
+	.st2{font-family:'ProximaNova-Extrabld';}
+	.st3{font-size:30.2617px;}
 </style>
-<path class="st0" d="M987.7,624.9c-20.8-89.9-42-179.8-63.5-269.6c-8.3-34.5-38.9-53.1-75.4-46c-127.4,24.6-254.8,49.3-382.2,74.2
-	c-37.9,7.4-68.2,26.1-88.3,57.4c-29.2,45.4-57.5,91.3-86.1,137c-4.9,7.8-7.9,16.3-7.6,25.5c0.1,4.9-1.6,6.3-6.7,7.2
-	c-44.2,7.9-87.9,17.6-128,37.7c-21.6,10.8-39.6,25.1-51,46c-9.5,17.4-11.5,35.3-1.7,53.5c8.3,15.4,21.6,24.2,40,24.6
-	c17.4,0.3,31-6.7,39.3-21c18.7-32,46-54.1,82.6-66.1c18.4-6,35.5-14.5,50-27c3.9-3.4,6.5-3.5,10.9-0.4c42.3,29.6,84.8,59,127.4,88.4
-	c17.6,12.2,37.4,19.6,56.9,23.1c19.6,2.5,37.3,2.3,54.9-1.1c126.9-24.7,253.9-49.3,380.8-74C975.3,687.2,995.5,658.5,987.7,624.9z
-	 M301.5,650.3c-11.9,9-24.7,16.6-39,21.8c-16.6,6-32.9,12.3-47.6,21.9c-19.1,12.6-34.6,28.4-45.7,47.8
-	c-7.4,12.8-17.9,20.6-34.3,19.6c-22.6-1.4-34.1-23.7-32.8-40c0.1-1.5,0.4-3,0.7-4.5c4.3-20.5,16.9-35.9,34.1-48
-	c19.4-13.6,41.5-22.2,64.3-29.3c26.2-8.1,53.1-13.9,80.4-18.5c4.3-0.7,5.9,0.2,7.3,4.1c2.5,7.2,6.8,13.6,12.8,18.7
-	C304.6,646.5,304.8,647.9,301.5,650.3z M332.5,619c-3.1,0-5.6-2.5-5.6-5.6c0-3.1,2.5-5.6,5.6-5.6c3.1,0,5.6,2.5,5.6,5.6
-	C338.1,616.5,335.6,619,332.5,619z M354.4,612.2c-1.3,6.2-6.1,9.7-14.4,10c1.2-4.9,5.5-9.1,3.1-14.6c-2.7-6.6-8.5-4.4-13.7-4.5
-	c4.7-6.2,10.6-8,16.8-5.4C352.2,600.2,355.6,606.2,354.4,612.2z"/>
-<text transform="matrix(0.9755 -0.2198 0.2198 0.9755 471.0399 733.8351)" class="st1 st2 st3">%</text>
+<polygon class="st0" points="163,48.3 114.7,0 163,0 "/>
+<text transform="matrix(1 0 0 1 137.5257 24.7005)" class="st1 st2 st3">%</text>
 </svg>
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index 967b6f62..8a84f6e8 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -172,22 +172,26 @@ const NavbarDesktop = () => {
             </button>
             <div className='w-6/12 flex px-1 divide-x divide-gray_r-6'>
             <Link
-              href="/shop/promo"
-              className={`${
-                router.asPath === '/shop/promo' && 'bg-gray_r-3'
-              }  flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`}
-              target="_blank"
-              rel="noreferrer"
-            >
-              <p className="group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200">Semua Promo</p>
-                <Image
-                src='/images/ICON PROMO DISKON.svg'
-                alt='promo'
-                width={40}
-                height={40}
-                className={` inline-block group-hover:scale-105 transition-transform duration-200 ${style.blink}`}
-                />
-            </Link>
+                href="/shop/promo"
+                className={`${
+                  router.asPath === '/shop/promo' && 'bg-gray_r-3'
+                }  flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group relative`} // Added relative position
+                target="_blank"
+                rel="noreferrer"
+              >
+                <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>
+                <div className='w-full h-full flex justify-end items-start'> 
+                  <Image
+                    src='/images/ICON PROMO DISKON.svg'
+                    alt='promo'
+                    width={100}
+                    height={100}
+                    quality={100}
+                    className={`inline-block  z-20`}
+                  />
+                </div>
+              </Link>
+
 
               <Link
                 href='/shop/brands'
-- 
cgit v1.2.3