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,47 @@
+import { NextPage } from 'next'
+import withLayout from '@/hoc/withLayout'
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList,
+    BreadcrumbPage,
+    BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb'
+import ProductImage from '../components/ProductImage'
+import BaseInformation from '../components/BaseInformation'
+import ShopInformation from '../components/ShopInformation'
+
+const SingleProduct: NextPage = () => {
+    return (
+        <div className='mt-14 px-20'>
+            <div className='flex justify-between'>
+                <Breadcrumb aria-label="breadcrumb">
+                    <BreadcrumbList className="text-sm text-muted-foreground">
+                        <BreadcrumbItem>
+                            <BreadcrumbLink href="/">فروشگاه آناهیتا</BreadcrumbLink>
+                        </BreadcrumbItem>
+                        <BreadcrumbSeparator className="text-muted-foreground select-none">/</BreadcrumbSeparator>
+                        <BreadcrumbItem>
+                            <BreadcrumbLink href="/products">بهداشت خانگی</BreadcrumbLink>
+                        </BreadcrumbItem>
+                        <BreadcrumbSeparator className="text-muted-foreground select-none">/</BreadcrumbSeparator>
+                        <BreadcrumbItem>
+                            <BreadcrumbPage className="text-foreground">مواد شوینده</BreadcrumbPage>
+                        </BreadcrumbItem>
+                    </BreadcrumbList>
+                </Breadcrumb>
+
+                <div className='text-primary text-sm'>فروشنده شوید</div>
+            </div>
+
+            <div className='flex gap-6 mt-14'>
+                <ProductImage />
+                <BaseInformation />
+                <ShopInformation />
+            </div>
+        </div>
+    )
+}
+
+export default withLayout(SingleProduct)