From 2877a9b68d6ef8d663747831dc5b843d47151231 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Sat, 21 Dec 2024 22:12:48 +0330
Subject: [PATCH] Create latest stories

---
 frontend/components/home/LatestStories.vue | 65 ++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 frontend/components/home/LatestStories.vue

diff --git a/frontend/components/home/LatestStories.vue b/frontend/components/home/LatestStories.vue
new file mode 100644
index 0000000..616251d
--- /dev/null
+++ b/frontend/components/home/LatestStories.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+
+// types
+
+type Props = {}
+
+// props
+
+const props = defineProps<Props>();
+const {} = toRefs(props);
+
+</script>
+
+<template>
+    <section class="h-[100svh] mt-20 px-20">
+        <div class="flex items-center justify-between mb-20">
+            <span class="typo-h-4 text-black">
+                مقالات اخیر سایت
+            </span>
+            <Button variant="outlined" class="rounded-full" start-icon="ci:paper">
+                نمایش همه
+            </Button>
+        </div>
+        <div class="flex gap-12">
+            <div class="flex-1 flex flex-col gap-12">
+                <BlogPost
+                    description="aaasd"
+                    title="asd"
+                    :comments="2"
+                    link="#"
+                    date="2020-06-10"
+                    tag="asdsa"
+                />
+                <BlogPost
+                    description="aaasd"
+                    title="asd"
+                    :comments="2"
+                    link="#"
+                    date="2020-06-10"
+                    tag="asdsa"
+                />
+            </div>
+            <div class="flex-[0.8] flex flex-col">
+                <BlogPost
+                    description="aaasd"
+                    title="asd"
+                    :comments="2"
+                    link="#"
+                    date="2020-06-10"
+                    tag="asdsa"
+                    variant="sm"
+                />
+                <BlogPost
+                    description="aaasd"
+                    title="asd"
+                    :comments="2"
+                    link="#"
+                    date="2020-06-10"
+                    tag="asdsa"
+                    variant="sm"
+                />
+            </div>
+        </div>
+    </section>
+</template>
\ No newline at end of file