add typography

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

components/FooterCom.vue

@@ -3,7 +3,7 @@ const theme = ref("light");
 </script>
 
 <template>
-  <header class="p-3 mt-10 bg-[#a2d9ff] font-poppins">
+  <footer class="p-3 mt-10 bg-[#a2d9ff] font-poppins">
     <div class="container px-4 mx-auto max-w-6xl flex justify-center">
       <ul class="flex space-x-2 text-sm text-slate-800 items-end justify-start">
         <li>Copyright &#169; 2022 - Present</li>
@@ -31,5 +31,5 @@ const theme = ref("light");
         </li>
       </ul>
     </div>
-  </header>
+  </footer>
 </template>

components/content/HeaderComponent.vue

@@ -1,5 +0,0 @@
-<template>
-  <div class="text-3xl font-poppins antialiased font-semibold text-slate-800">
-    <slot />
-  </div>
-</template>

components/content/InfoComponent.vue

@@ -1,8 +1,9 @@
 <template>
-  <div
-    class="text-xs font-poppins antialiased text-slate-600 flex justify-between p-3"
-  >
-    <slot name="time" />
+  <div class="text-xs font-poppins antialiased text-slate-600 flex space-x-2">
+    <div class="flex">
+      <p class="mr-1">Created</p>
+      <slot name="time" />
+    </div>
     <slot name="author" />
   </div>
 </template>