Fix footer

Signed-off-by: Al Asad Nur Riyad <asadnurriyad@gmail.com>

components/footer/connect.vue

@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <p class="text-black text-base font-semibold">
+      Connect
+    </p>
+    <p>
+      I have a fair amount of knowledge of Javascript, Typescript, VueJs, and Nuxt. If you
+      have an interesting idea, either open source or paid let's connect.
+    </p>
+
+    <a
+      href="mailto: alasadnurriyad4@gmail.com"
+      class="block text-center w-full bg-sky-700 p-2 rounded-lg text-white mt-3 text-sm"
+    >
+      Sent Mail
+    </a>
+  </div>
+</template>