com

src/components/layout/home/BoxDeal/ProductItem.tsx

@@ -1 +0,0 @@
-const ProductItem = ({ item }: { item: Product }) => {};

src/components/layout/home/BoxDeal/index.tsx

@@ -3,7 +3,10 @@ import React from 'react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Autoplay, Navigation, Pagination } from 'swiper/modules';
 import { FaCaretRight } from 'react-icons/fa';
+
 import CounDown from './CounDown';
+import { productDealData } from './productDealData';
+import DealProductItem from '@Common/product/DealProductItem';
 
 const BoxProductDeal: React.FC = () => {
   return (
@@ -28,7 +31,13 @@ const BoxProductDeal: React.FC = () => {
           slidesPerView={6}
           loop={true}
           navigation={true}
-        ></Swiper>
+        >
+          {productDealData.map((item, index) => (
+            <SwiperSlide key={index}>
+              <DealProductItem item={item} />
+            </SwiperSlide>
+          ))}
+        </Swiper>
       </div>
     </div>
   );