Add comments section

2024-12-15 22:09:32 +03:30
parent 98ca17097e
commit 713373f964
3 changed files with 54 additions and 0 deletions
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <div class="w-full p-12 rounded-150 bg-white border-[0.5px] border-slate-200 flex flex-col gap-6">
+        <div class="flex justify-between items-start w-full">
+            <div class="flex flex-col gap-3">
+                <span class="typo-h-6 text-black">
+                    خیلی محصول خوبی بودددد
+                </span>
+                <span class="typo-p-sm text-slate-500">
+                    منصور مرزبان در ۱۴۰۳/۱۲/۲ ساعت ۱۲:۳۴
+                </span>
+            </div>
+            <Rating />
+        </div>
+        <div class="typo-p-md">
+            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون
+            بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرد گذشته.
+        </div>
+    </div>
+</template>
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <section class="bg-slate-50 p-20">
+        <div class="flex gap-12 my-42 container">
+            <div class="flex flex-col gap-6 min-w-fit">
+                <h3 class="typo-h-3">
+                    نظرات کاربران
+                </h3>
+                <div class="flex flex-col gap-2">
+                    <Rating />
+                    <span class="typo-p-sm">
+                    بر اساس ۴ نظر
+                </span>
+                </div>
+                <Button class="rounded-full">
+                    نظر بنویسید
+                </Button>
+            </div>
+            <div class="flex flex-col gap-12">
+                <Comment />
+                <Comment />
+                <Comment />
+            </div>
+        </div>
+    </section>
+</template>
@@ -4,4 +4,6 @@

 <template>
    <ProductView />
+    <Video />
+    <Comments />
 </template>