Read all static data from one file

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

pages/about.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { aboutPage } from '~/data'
+
 defineOgImageComponent('About', {
   headline: 'Greetings 👋',
   title: 'Riyad\'s Blog',
@@ -14,7 +16,7 @@ defineOgImageComponent('About', {
         <div class="flex justify-between">
           <div>
             <h1 class="text-xl sm:text-4xl  pb-2 font-bold ">
-              Al Asad Nur Riyad
+              {{ aboutPage.title }}
             </h1>
 
             <div class="my-3 space-x-2 md:space-x-3 pb-10">
@@ -63,10 +65,10 @@ defineOgImageComponent('About', {
           </div>
         </div>
         <h3 class="text-base sm:text-3xl font-semibold pb-7 sm:pb-12">
-          Software Engineer, Problem Solver, Web Enthusiast.
+          {{ aboutPage.description }}
         </h3>
 
-        <p>Hello, fellow human! I'm a software wizard who spends most of his day crafting code spells at @AppsCode in the Bytebuilders team. When I'm not crafting code, you can find me summoning solutions to problems on online judges. Just don't ask me to cast any love spells, my magic only works on machines!</p>
+        <p>{{ aboutPage.aboutMe }}</p>
       </div>
       <div class="hidden sm:block col-span-3">
         <NuxtImg