product card

src/components/ProductCard.tsx

@@ -1,8 +1,41 @@
+import { Heart } from 'iconsax-react'
+import Image from 'next/image'
 import { FC } from 'react'
 
 const ProductCard: FC = () => {
     return (
-        <div className='bg-white rounded-[40px] p-6 w-full min-w-[280px] mx-auto'>
+        <div className='bg-white rounded-[40px] p-6 w-full min-w-[280px] max-w-[280px] mx-auto'>
+            <div className='flex justify-center'>
+                <Image
+                    src={`https://dkstatics-public.digikala.com/digikala-products/40026b18c2b053ac4a68c3288556dc899a77aecd_1727277566.jpg?x-oss-process=image/resize,m_lfit,h_300,w_300/format,webp/quality,q_80`}
+                    width={170}
+                    height={170}
+                    alt=''
+                    className='max-w-[150px] max-h-[150px] object-contain'
+                />
+            </div>
+
+            <h4 className='line-clamp-2 text-[#383E43] mt-6 text-sm text-center leading-5'>
+                شارژر دیواری 65 وات سامسونگ سه پورت Type-C مدل EP-T6530- اورجینال
+            </h4>
+
+            <div className='flex justify-end items-center gap-1.5 mt-4'>
+                <div className='size-2 rounded-full bg-red-500'></div>
+                <div className='size-2 rounded-full bg-red-500'></div>
+                <div className='size-2 rounded-full bg-red-500'></div>
+            </div>
+
+            <div className='mt-5 text-sm'>
+                260,000 تومان
+            </div>
+            <div className='mt-1 text-sm text-[#7F7F7F] line-through'>
+                70,400,000
+            </div>
+
+            <div className='flex justify-end'>
+                <Heart size={20} color='#000' />
+            </div>
+
 
         </div>
     )