1 files changed, 16 insertions, 2 deletions
diff --git a/src-migrate/modules/product-detail/components/PriceAction.tsx b/src-migrate/modules/product-detail/components/PriceAction.tsx
index 6042d578..a39877e9 100644
--- a/src-migrate/modules/product-detail/components/PriceAction.tsx
+++ b/src-migrate/modules/product-detail/components/PriceAction.tsx
@@ -7,6 +7,7 @@ import { useProductDetail } from '../stores/useProductDetail';
 import AddToCart from './AddToCart';
 import Link from 'next/link';
 import { getAuth } from '~/libs/auth';
+import Image from 'next/image';
 
 type Props = {
   product: IProductDetail;
@@ -53,7 +54,7 @@ const PriceAction = ({ product }: Props) => {
 
   return (
     <div
-      className='block md:sticky top-[150px] bg-white py-0 md:py-6 z-10'
+      className='block md:sticky md:top-[150px] md:py-6 fixed bottom-0 left-0 right-0 bg-white p-4 z-10'
       id='price-section'
     >
       {!!activePrice && activePrice.price > 0 && (
@@ -116,10 +117,23 @@ const PriceAction = ({ product }: Props) => {
             Stock : {sla?.qty}{' '}
           </span>
         </div>
+        <div>
+          {product?.is_in_bu && (
+            <Link href='/panduan-pick-up-service' className='group'>
+              <Image
+                src='/images/PICKUP-NOW.png'
+                className='group-hover:scale-105 transition-transform duration-200'
+                alt='pickup now'
+                width={100}
+                height={12}
+              />
+            </Link>
+          )}
+        </div>
       </div>
       <div className='h-4' />
 
-      <div className={style['action-wrapper']}>
+      <div className={`${style['action-wrapper']}`}>
         <AddToCart
           products={product}
           variantId={activeVariantId}