Add dark mode

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

components/main/hero.vue

@@ -2,10 +2,10 @@
   <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 my-5">
+        <h1 class="text-black dark:text-zinc-300   font-semibold leading-tight text-4xl md:text-5xl my-5">
           Welcome To My Blog Site
         </h1>
-        <p>
+        <p class="dark:text-zinc-300  ">
           Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles,
           Tips, Learning resources and more.
         </p>