diff options
| author | Mqdd <ahmadmiqdad27@gmail.com> | 2026-02-18 15:05:34 +0700 |
|---|---|---|
| committer | Mqdd <ahmadmiqdad27@gmail.com> | 2026-02-18 15:05:34 +0700 |
| commit | 9118c586d2c4fdab43c11409db91cf7b51839261 (patch) | |
| tree | f2c2c9415e613c153a51f8ed2760933f4ebd8bc9 /src/core/components/elements/Navbar | |
| parent | 8c4d73ff159cb7b5df4f83f1eb76e8a06c7179ce (diff) | |
| parent | 7ef19bc5b5dc64fc0fb8126cec02943f06a4237a (diff) | |
Merge branch 'new-release' of https://bitbucket.org/altafixco/next-indoteknik into cr_renca_keyword
Diffstat (limited to 'src/core/components/elements/Navbar')
| -rw-r--r-- | src/core/components/elements/Navbar/NavbarDesktop.jsx | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx index db4fcbb8..2f3f8682 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,11 +272,11 @@ 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' > - {showPopup && ( + {/* {showPopup && ( <div className='w-full h-full relative justify-end items-start'> <Image src='/images/penawaran-terbatas.jpg' @@ -288,9 +289,12 @@ const NavbarDesktop = () => { loading='eager' /> </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 |