add category page

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

components/CategoryCard.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="bg-white mx-5 my-2 p-6 min-w-[530px] rounded-md shadow-lg">
+    <nuxt-link to="/js" class="hover:underline">
+      <div class="flex items-center">
+        <h4 class="text-5xl text-slate-800 font-medium py-1">BajaScript</h4>
+      </div>
+    </nuxt-link>
+
+    <div class="flex space-x-3 items-start text-slate-600">
+      <p class="pb-2">Total Post</p>
+      <div class="text-sm">
+        <icon calss="bg-red" name="ant-design:arrow-right-outlined" />
+      </div>
+      <p>433</p>
+    </div>
+
+    <nuxt-link class="hover:underline" to="/">
+      <p class="font-medium">All Js Post</p>
+    </nuxt-link>
+  </div>
+</template>

components/LatestBlogCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md">
+  <div class="bg-white mx-5 my-2 p-5 max-w-[530px] rounded-md shadow-lg">
     <nuxt-link to="/" class="hover:underline">
       <h4 class="text-xl text-slate-800 font-medium py-1">
         This is latest blog card

components/OneLineCard.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="antialiased font-poppins hover:underline">
+  <div class="font-semibold antialiased font-poppins hover:underline">
     <nuxt-link to="/">
       <h4>
         <span class="mr-2">
           <icon calss="bg-red" name="ant-design:arrow-right-outlined" />
         </span>
-        How to use vite in your nuxt 3 project a a a a a a a a
+        How to use vite in your nuxt 3 project a a a riyad
       </h4>
     </nuxt-link>
   </div>