cart

2025-08-12 15:35:34 +03:30
parent 92370259c1
commit 418b45fde5
12 changed files with 574 additions and 5 deletions
@@ -0,0 +1,49 @@
+import CartSummary from '@/components/CartSummary'
+import withLayout from '@/hoc/withLayout'
+import { NextPage } from 'next'
+import CartItem from '../components/CartItem'
+import TitleBack from '../components/TitleBack'
+import { Location } from 'iconsax-react'
+
+const CartShipping: NextPage = () => {
+    return (
+        <div className="mt-14 px-20">
+
+            <div className="mt-6 flex gap-6">
+                <div className='flex-1'>
+                    <TitleBack title='آدرس و تایید جزئیات' />
+                    <div className='mt-5 border border-border rounded-2xl p-6 flex justify-between items-center'>
+                        <div className='flex gap-2 items-center'>
+                            <Location size={20} color='#333333' className='min-w-5' />
+                            <div className='text-xs text-[#7F7F7F]'>
+                                <div>
+                                    آدرس تحویل سفارش
+                                </div>
+                                <div className='mt-2 text-sm text-black'>
+                                    اراک خیابان امام حسن غریبی خیابان 123
+                                </div>
+                                <div className='mt-2'>حمید ضرغامی</div>
+                            </div>
+                        </div>
+                        <div className='text-primary text-sm'>ویرایش</div>
+                    </div>
+                    <div className="flex-1 mt-5 border border-border p-5 rounded-2xl">
+                        <CartItem noBorder />
+                        <CartItem />
+                    </div>
+                </div>
+                <CartSummary
+                    itemsCount={3}
+                    itemsPrice={580000}
+                    discount={580000}
+                    total={80580000}
+                    confirmHref="/cart/payment"
+                    confirmLabel="پرداخت"
+                    className="w-[360px]"
+                />
+            </div>
+        </div>
+    )
+}
+
+export default withLayout(CartShipping)