product card

src/app/home/components/HotOffer.tsx

@@ -7,7 +7,7 @@ import { Swiper, SwiperSlide } from 'swiper/react';
 
 const HotOffer: FC = () => {
     return (
-        <div className='h-[300px] bg-[#F2F2F2] rounded-2xl flex py-6'>
+        <div className=' bg-[#F2F2F2] rounded-2xl flex py-6'>
             <div className='px-6 min-w-[140px] max-w-[180px] flex flex-col justify-center'>
                 <div className='text-center text-primary font-extrabold text-sm'>
                     پیشنهاد های
@@ -40,6 +40,12 @@ const HotOffer: FC = () => {
                     <SwiperSlide className='!w-auto'>
                         <ProductCard />
                     </SwiperSlide>
+                    <SwiperSlide className='!w-auto'>
+                        <ProductCard />
+                    </SwiperSlide>
+                    <SwiperSlide className='!w-auto'>
+                        <ProductCard />
+                    </SwiperSlide>
                 </Swiper>
             </div>
         </div>