add hero component

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

components/main/header.vue

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