update latest page

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

components/BlogCard.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="space-y-2">
+  <div class="space-y-2 m-5">
     <h3 class="text-xl text-slate-800 font-semibold">This is a blog title</h3>
-    <p class="pr-5 text-slate-700">
+    <p class="text-slate-700">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, deserunt
       esse tenetur iusto dolor unde. Aliquam quidem ab qui velit?
     </p>

components/LatestBlogCard.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md">
+    <nuxt-link to="/" class="hover:underline">
+      <h4 class="text-xl text-slate-800 font-medium py-1">
+        This is latest blog card
+      </h4>
+    </nuxt-link>
+    <p class="text-xs text-slate-500 pb-3">Create 10 Dec 2022</p>
+
+    <p class="pb-2 text-slate-600">
+      Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tenetur
+      reprehenderit sit possimus quibusdam ad facilis, consectetur beatae
+      inventore sunt non.
+    </p>
+    <nuxt-link class="hover:underline" to="/">
+      <p class="font-medium">Read More</p>
+    </nuxt-link>
+  </div>
+</template>

components/NavbarCom.vue

@@ -3,8 +3,8 @@ const theme = ref("light");
 </script>
 
 <template>
-  <header class="sticky top-0 p-6 bg-[#a2d9ff] font-poppins">
-    <div class="container px-3 mx-auto max-w-6xl flex justify-between">
+  <header class="sticky top-0 p-3 bg-[#a2d9ff] font-poppins">
+    <div class="container px-4 mx-auto max-w-6xl flex justify-between">
       <ul class="flex space-x-8 items-end">
         <li class="align">
           <nuxt-link to="/">

components/OneLineCard.vue

@@ -5,7 +5,7 @@
         <span class="mr-2">
           <icon calss="bg-red" name="ant-design:arrow-right-outlined" />
         </span>
-        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ipsam, a?
+        How to use vite in your nuxt 3 project a a a a a a a a
       </h4>
     </nuxt-link>
   </div>