update

src/components/home/Deal/index.tsx

@@ -1,10 +1,14 @@
 'use client';
 import React from 'react';
+import Link from 'next/link';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Autoplay, Navigation, Pagination } from 'swiper/modules';
 import { FaCaretRight } from 'react-icons/fa';
 
+import { productDealData } from './productDealData';
+
 import CounDown from './CounDown';
+import ProductItem from './ProductItem';
 
 const BoxProductDeal: React.FC = () => {
   return (
@@ -18,9 +22,9 @@ const BoxProductDeal: React.FC = () => {
             <CounDown />
           </div>
         </div>
-        <a href="/deal" className="button-deal color-white mb-10 flex items-center">
+        <Link href="/deal" className="button-deal color-white mb-10 flex items-center">
           Xem thêm khuyến mãi <FaCaretRight size={16} />
-        </a>
+        </Link>
       </div>
       <div className="box-list-item-deal swiper-box-deal">
         <Swiper
@@ -29,7 +33,13 @@ const BoxProductDeal: React.FC = () => {
           slidesPerView={6}
           loop={true}
           navigation={true}
-        ></Swiper>
+        >
+          {productDealData.map((Item, index) => (
+            <SwiperSlide key={index}>
+              <ProductItem item={Item} />
+            </SwiperSlide>
+          ))}
+        </Swiper>
       </div>
     </div>
   );