update

src/components/product/ProductDetail/BoxInfoRight/index.tsx

@@ -2,11 +2,14 @@ import type { ProductDetailData } from '@/types';
 import Link from 'next/link';
 
 import { BoxPrice } from './BoxPrice';
+import { BoxBought } from './BoxBought';
 
 export const BoxInfoRight = (item: ProductDetailData) => {
   return (
     <>
-      <h1 className="product-name color-black line-clamp-3">{item.product_info.productName}</h1>
+      <h1 className="product-name color-black line-clamp-3 font-bold">
+        {item.product_info.productName}
+      </h1>
 
       <div className="list-basic-product-info flex flex-wrap items-center">
         <div className="item-basic">
@@ -125,6 +128,31 @@ export const BoxInfoRight = (item: ProductDetailData) => {
           </div>
         </>
       )}
+
+      {/*  yên tâm mua hàng */}
+      <div className="box-product-policy-detal boder-radius-10" style={{ marginTop: '24px' }}>
+        <h2 className="title font-[600]">Yên tâm mua hàng</h2>
+        <div className="list-showroom-detail flex flex-wrap justify-between">
+          <div className="item flex items-center gap-2">
+            <i className="sprite sprite-camket-detail"></i>
+            <p>Cam kết giá tốt nhất thị trường.</p>
+          </div>
+          <div className="item flex items-center gap-2">
+            <i className="sprite sprite-sanphammoi-detail"></i>
+            <p>Sản phẩm mới 100%.</p>
+          </div>
+          <div className="item flex items-center gap-2">
+            <i className="sprite sprite-1doi1-detail"></i>
+            <p>Lỗi 1 đổi 1 ngay lập tức.</p>
+          </div>
+          <div className="item flex items-center gap-2">
+            <i className="sprite sprite-hotrotragop-detail"></i>
+            <p>Hỗ trợ trả góp - Thủ tục nhanh gọn.</p>
+          </div>
+        </div>
+      </div>
+
+      <BoxBought />
     </>
   );
 };