shop main section

2025-08-11 12:54:05 +03:30
parent 9c76d17393
commit 94a173dd87
5 changed files with 232 additions and 0 deletions
@@ -0,0 +1,28 @@
+import Image from 'next/image'
+import { FC } from 'react'
+import ActionProduct from './ActionProduct'
+
+const ProductImage: FC = () => {
+    return (
+        <div className='w-[380px]'>
+            <div className='w-full border border-border rounded-xl h-[400px] flex justify-center items-center relative'>
+                <Image
+                    src={'https://dkstatics-public.digikala.com/digikala-products/c0a7ce006d11c222bce16bd3cdd8d79aeb6689bc_1738134271.jpg?x-oss-process=image/resize,m_lfit,h_800,w_800/format,webp/quality,q_90'}
+                    width={300}
+                    height={300}
+                    alt=''
+                    className='max-w-[240px] max-h-[240px] object-contain'
+                />
+                <ActionProduct />
+            </div>
+            <div className='flex gap-3 mt-4'>
+                <div className='size-20 border border-border rounded-xl'></div>
+                <div className='size-20 border border-border rounded-xl'></div>
+                <div className='size-20 border border-border rounded-xl'></div>
+                <div className='size-20 border border-border rounded-xl'></div>
+            </div>
+        </div>
+    )
+}
+
+export default ProductImage