review section + question section + prosCons section

src/app/product/[id]/page.tsx

@@ -8,10 +8,14 @@ import {
     BreadcrumbPage,
     BreadcrumbSeparator,
 } from '@/components/ui/breadcrumb'
-import ProductImage from '../components/ProductImage'
-import BaseInformation from '../components/BaseInformation'
-import ShopInformation from '../components/ShopInformation'
-import Specifications from '../components/Specifications'
+import ProductImage from '@/app/product/components/ProductImage'
+import BaseInformation from '@/app/product/components/BaseInformation'
+import ShopInformation from '@/app/product/components/ShopInformation'
+import Specifications from '@/app/product/components/Specifications'
+import ProsCons from '@/app/product/components/ProsCons'
+import Description from '@/app/product/components/Description'
+import Reviews from '@/app/product/components/Reviews'
+import Questions from '@/app/product/components/Questions'
 
 const SingleProduct: NextPage = () => {
     return (
@@ -36,15 +40,21 @@ const SingleProduct: NextPage = () => {
                 <div className='text-primary text-sm'>فروشنده شوید</div>
             </div>
 
-            <div className='flex gap-6 mt-14'>
-                <ProductImage />
-                <BaseInformation />
+            <div className='flex gap-6 mt-14 flex-row-reverse'>
                 <ShopInformation />
-            </div>
-
-            <div className='flex gap-6'>
-                <Specifications />
-                <div className='min-w-[325px] px-7'></div>
+                <div className='flex-1 flex flex-col gap-6'>
+                    <div className='flex gap-6'>
+                        <ProductImage />
+                        <BaseInformation />
+                    </div>
+                    <div>
+                        <Specifications />
+                        <Description />
+                        <ProsCons />
+                        <Reviews />
+                        <Questions />
+                    </div>
+                </div>
             </div>
         </div>
     )