update

src/components/product/ProductDetail/index.tsx

@@ -8,6 +8,9 @@ import { ErrorLink } from '@components/common/error';
 
 import { Breadcrumb } from '@components/common/Breadcrumb';
 import { ImageProduct } from './ImageProduct';
+import { ProductSummary } from './ProductSummary';
+import { ComboSetBox } from './ComboSet';
+import { BoxInfoRight } from './BoxInfoRight';
 
 interface ProductDetailPageProps {
   slug: string;
@@ -39,8 +42,14 @@ const ProductDetailPage: React.FC<ProductDetailPageProps> = ({ slug }) => {
             <div className="box-left">
               {/* image product */}
               <ImageProduct ItemImage={Products.product_info.productImageGallery} />
+
+              <ProductSummary ItemSummary={Products.product_info.productSummary} />
+
+              <ComboSetBox combo_set={Products.combo_set} />
+            </div>
+            <div className="box-right">
+              <BoxInfoRight {...Products} />
             </div>
-            <div className="box-right"></div>
           </div>
         </div>
       </section>