add archive page

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/blogs/index.vue

@@ -1,3 +1,28 @@
+<script lang="ts" setup>
+useHead({
+  title: 'Home',
+  meta: [
+    {
+      name: 'description',
+      content: 'Home',
+    },
+  ],
+  titleTemplate: "Elon's Blog - %s",
+})
+const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
+</script>
 <template>
-  <div>There will be all blogs</div>
+  <main class="container max-w-5xl mx-auto text-zinc-600">
+    <ArchiveHero />
+    <div>
+      <template v-for="n in data" :key="n">
+        <ArchiveCard
+          :title="n.title || ''"
+          :excerpt="n.description"
+          image="sdlfkj"
+          :slug="n._path"
+        />
+      </template>
+    </div>
+  </main>
 </template>