Read all static data from one file

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

components/archive/hero.vue

@@ -1,12 +1,16 @@
+<script setup lang="ts">
+import { blogsPage } from '~/data'
+</script>
+
 <template>
   <div class="container mx-auto mb-5">
     <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
       <div class="px-6">
         <h1 class="text-black dark:text-zinc-300 font-semibold leading-tight text-4xl md:text-5xl my-5">
-          All Blogs
+          {{ blogsPage.title }}
         </h1>
         <p class="dark:text-zinc-300">
-          Here you will find all the blog posts I have written & published on this site.
+          {{ blogsPage.description }}
         </p>
       </div>
       <div class="px-6 justify-self-center">