From 1ba8b2ae2c360f6e43218efb96cbd616765e4d59 Mon Sep 17 00:00:00 2001
From: FIN-IT_AndriFP <andrifebriyadiputra@gmail.com>
Date: Wed, 11 Feb 2026 11:53:40 +0700
Subject: (andri) ganti button navbar pilihan semua promo

---
 src/core/components/elements/Navbar/NavbarDesktop.jsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'src/core/components/elements/Navbar/NavbarDesktop.jsx')

diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index db4fcbb8..c320c43a 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -13,6 +13,7 @@ import {
   MenuItem,
   MenuList,
   useDisclosure,
+  Badge,
 } from '@chakra-ui/react';
 import { ChevronDownIcon, HeartIcon } from '@heroicons/react/24/outline';
 import dynamic from 'next/dynamic';
@@ -271,7 +272,7 @@ const NavbarDesktop = () => {
                 aria-label='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
+                }  flex-[1.5] flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group relative`} 
                 target='_blank'
                 rel='noreferrer'
               >
@@ -289,8 +290,11 @@ const NavbarDesktop = () => {
                     />
                   </div>
                 )}
-                <span className='absolute inset-0 flex justify-center items-center group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200 z-10'>
+                <span className='absolute inset-0 flex justify-center items-center gap-2 group-hover:scale-105 group-hover:text-red-500 transition-transform duration-200 z-10'>
                   Semua Promo
+                  <Badge colorScheme="red" variant="solid" borderRadius="full" px={2} textTransform="none">
+                    Baru
+                  </Badge>
                 </span>
               </Link>
               {/* {showPopup && router.pathname === '/' && (
@@ -306,7 +310,7 @@ const NavbarDesktop = () => {
                 aria-label='Brand'
                 className={`${
                   router.asPath === '/shop/brands' && 'bg-gray_r-3'
-                } p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`}
+                } px-2 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`}
                 target='_blank'
                 rel='noreferrer'
               >
@@ -320,7 +324,7 @@ const NavbarDesktop = () => {
                 className={`${
                   router.asPath.includes('/shop/search?orderBy=stock') &&
                   'bg-gray_r-3'
-                } p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`}
+                } px-2 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group`}
                 target='_blank'
                 rel='noreferrer'
               >
@@ -331,7 +335,7 @@ const NavbarDesktop = () => {
               <Link
                 href='https://blog.indoteknik.com/'
                 aria-label='Blog Indoteknik'
-                className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group'
+                className='px-2 flex-1 flex justify-center items-center !text-gray_r-12/80 hover:bg-gray_r-3 idt-transition group'
                 target='_blank'
                 rel='noreferrer noopener'
               >
@@ -506,4 +510,4 @@ const SocialMedias = () => (
   </div>
 );
 
-export default NavbarDesktop;
+export default NavbarDesktop;
\ No newline at end of file
-- 
cgit v1.2.3

