footer data & minor fix

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

components/archive/hero.vue

@@ -3,7 +3,7 @@
     <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">Archive</h1>
-        <p>Here you will find all the blog post I have written & publish in this site.</p>
+        <p>Here you will find all the blog posts I have written & published on this site.</p>
       </div>
       <div class="px-6 justify-self-center">
         <LogoDogpow />

components/main/footer.vue

@@ -5,20 +5,36 @@
         <div>
           <p class="text-black text-2xl py-1 font-semibold">Al Asad Nur Riyad</p>
           <p class="py-2">
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia soluta voluptatum
+            Hi! I am Riyad, a Tech enthusiast, problem solver and software engineer. Currently
-            eligendi laboriosam non reprehenderit.
+            working at Appscode Inc.
           </p>
           <div class="my-3 space-x-3 pb-3">
-            <NuxtLink class="p-2 bg-gray-300 rounded-md">
+            <NuxtLink
+              to="https://github.com/nurRiyad"
+              target="_blank"
+              class="p-2 bg-gray-300 rounded-md"
+            >
               <Icon name="fa:github" size="1em" />
             </NuxtLink>
-            <NuxtLink class="p-2 bg-gray-300 rounded-md">
+            <NuxtLink
+              to="https://www.linkedin.com/in/nur-riyad/"
+              target="_blank"
+              class="p-2 bg-gray-300 rounded-md"
+            >
               <Icon name="fa:linkedin-square" size="1em" />
             </NuxtLink>
-            <NuxtLink class="p-2 bg-gray-300 rounded-md">
+            <NuxtLink
+              to="https://twitter.com/qdnvubp"
+              target="_blank"
+              class="p-2 bg-gray-300 rounded-md"
+            >
               <Icon name="fa:twitter-square" size="1em" />
             </NuxtLink>
-            <NuxtLink class="p-2 bg-gray-300 rounded-md">
+            <NuxtLink
+              to="https://stackoverflow.com/users/16781395/nur-riyad"
+              target="_blank"
+              class="p-2 bg-gray-300 rounded-md"
+            >
               <Icon name="fa:stack-overflow" size="1em" />
             </NuxtLink>
           </div>
@@ -26,26 +42,25 @@
         <div class="flex flex-col my-5 md:my-0 md:justify-self-center">
           <p class="text-black text-base font-semibold">Quick Link</p>
           <NuxtLink to="/" class="hover:underline">Home</NuxtLink>
-          <NuxtLink to="/" class="hover:underline">Categories</NuxtLink>
+          <NuxtLink to="/categories" class="hover:underline">Categories</NuxtLink>
-          <NuxtLink to="/" class="hover:underline">Archive</NuxtLink>
+          <NuxtLink to="/blogs" class="hover:underline">Archive</NuxtLink>
-          <NuxtLink to="/" class="hover:underline">About Me</NuxtLink>
+          <NuxtLink to="https://www.nurriyad.xyz/" target="_blank" class="hover:underline">
+            About Me
+          </NuxtLink>
         </div>
         <div>
           <p class="text-black text-base font-semibold">Connect</p>
           <p>
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit eaque inventore
+            I have a fair amount of knowledge of Javascript, Typescript, VueJs, and Nuxt. If you
-            quia nesciunt?
+            have an interesting idea, either open source or paid let's connect.
           </p>
-          <input
+
-            id="email"
+          <a
-            type="email"
+            href="mailto: alasadnurriyad4@gmail.com"
-            name="EMAIL"
+            class="block text-center w-full bg-sky-600 p-2 rounded-lg text-white mt-3 text-sm"
-            placeholder="Enter your email"
+          >
-            class="mt-3 form-control w-full border-2 rounded-lg p-2 text-sm bg-gray-100"
+            Sent Mail
-          />
+          </a>
-          <button class="btn w-full bg-sky-600 p-2 rounded-lg text-white mt-3 text-sm">
-            Subscribe
-          </button>
         </div>
       </div>
 

components/main/header.vue

@@ -17,20 +17,17 @@ let isDark = ref(false)
         <li>
           <NuxtLink to="/blogs"> Archive </NuxtLink>
         </li>
-        <Icon
+        <li title="About Me">
-          v-if="isDark"
+          <NuxtLink to="https://www.nurriyad.xyz/">
-          size="1.2em"
+            <Icon
-          @click="isDark = !isDark"
+              v-if="isDark"
-          class="cursor-pointer"
+              size="1.2em"
-          name="line-md:moon-to-sunny-outline-loop-transition"
+              @click="isDark = !isDark"
-        />
+              class="cursor-pointer"
-        <Icon
+              name="emojione:boy-dark-skin-tone"
-          v-else
+            />
-          size="1.2em"
+          </NuxtLink>
-          @click="isDark = !isDark"
+        </li>
-          class="cursor-pointer"
-          name="line-md:sunny-outline-to-moon-loop-transition"
-        />
       </ul>
     </div>
   </div>

components/main/hero.vue

@@ -6,8 +6,8 @@
           Welcome To My Blog Site
         </h1>
         <p>
-          Get Web Development, Javascript, Typescript, NodeJs, Vue and Nuxt, Related Articles, Tips,
+          Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles,
-          Learning resource and more.
+          Tips, Learning resources and more.
         </p>
       </div>
       <div class="px-6 justify-self-center">