resign card component

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

components/main/header.vue

@@ -3,7 +3,7 @@ let isDark = ref(false)
 </script>
 
 <template>
-  <div class="py-5 font-spacegrotesk border-b text-zinc-600">
+  <div class="py-5 border-b text-zinc-700">
     <div class="flex px-6 container max-w-5xl justify-between mx-auto items-baseline">
       <ul class="flex items-baseline space-x-5">
         <li class="">

components/main/hero.vue

@@ -2,7 +2,7 @@
   <div class="container mx-auto">
     <div class="grid grid-cols-1 sm:grid-cols-2 items-center">
       <div class="px-6">
-        <h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl mb-5">
+        <h1 class="text-black font-semibold leading-tight text-4xl md:text-5xl my-5">
           Welcome To My Blog Site
         </h1>
         <p>