2 files changed, 6 insertions, 10 deletions
diff --git a/src/core/components/elements/Navbar/NavbarDesktop.jsx b/src/core/components/elements/Navbar/NavbarDesktop.jsx
index db281e9a..7e66a234 100644
--- a/src/core/components/elements/Navbar/NavbarDesktop.jsx
+++ b/src/core/components/elements/Navbar/NavbarDesktop.jsx
@@ -67,7 +67,7 @@ const NavbarDesktop = () => {
             <a href='https://wa.me/628' className='flex items-center gap-x-1 !text-gray_r-12/80'>
               <Image src='/images/socials/Whatsapp-2.png' alt='Whatsapp' width={48} height={48} />
               <div>
-                <div className='font-semibold'>Order Via WA</div>
+                <div className='font-semibold'>Whatsapp</div>
                 0812 8080 622 (Chat)
               </div>
             </a>
@@ -92,19 +92,13 @@ const NavbarDesktop = () => {
           </button>
           <div className='w-6/12 flex gap-x-1 px-1 bg-gray_r-1'>
             <Link
-              href='/'
-              className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
-            >
-              Promo Produk
-            </Link>
-            <Link
               href='/shop/brands'
               className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
             >
               Semua Brand
             </Link>
             <Link
-              href='/'
+              href='/shop/search?orderBy=stock'
               className='p-4 flex-1 flex justify-center items-center !text-gray_r-12/80 bg-gray_r-2 hover:bg-gray_r-4 border border-gray_r-6 idt-transition'
             >
               Ready Stock
diff --git a/src/core/components/elements/Popup/BottomPopup.jsx b/src/core/components/elements/Popup/BottomPopup.jsx
index 5828d222..1fc77932 100644
--- a/src/core/components/elements/Popup/BottomPopup.jsx
+++ b/src/core/components/elements/Popup/BottomPopup.jsx
@@ -3,6 +3,7 @@ import { AnimatePresence, motion } from 'framer-motion'
 import { useEffect } from 'react'
 import MobileView from '../../views/MobileView'
 import DesktopView from '../../views/DesktopView'
+import ReactDOM from 'react-dom'
 
 const transition = { ease: 'linear', duration: 0.2 }
 
@@ -15,7 +16,7 @@ const BottomPopup = ({ children, active = false, title, close }) => {
     }
   }, [active])
 
-  return (
+  return ReactDOM.createPortal(
     <>
       <AnimatePresence>
         {active && (
@@ -66,7 +67,8 @@ const BottomPopup = ({ children, active = false, title, close }) => {
           </>
         )}
       </AnimatePresence>
-    </>
+    </>,
+    document.querySelector('body')
   )
 }