Add Social Network in header component

components/Header.vue

@@ -0,0 +1,41 @@
+<template>
+  <div
+    class="absolute top-0 right-0 flex justify-start items-center text-gray-500 p-3"
+  >
+    <a
+      class="flex items-center hover:text-gray-700 mr-5"
+      href="https://github.com/wazolab"
+      target="_blank"
+      ><svg
+        class="fill-current text-white hover:text-gray-500 transition-all duration-100 w-8 h-8"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 20 20"
+      >
+        <title>GitHub</title>
+        <path
+          d="M10 0a10 10 0 0 0-3.16 19.49c.5.1.68-.22.68-.48l-.01-1.7c-2.78.6-3.37-1.34-3.37-1.34-.46-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.94 0-1.1.39-1.99 1.03-2.69a3.6 3.6 0 0 1 .1-2.64s.84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.3 2.75-1.02 2.75-1.02.55 1.37.2 2.4.1 2.64.64.7 1.03 1.6 1.03 2.69 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85l-.01 2.75c0 .26.18.58.69.48A10 10 0 0 0 10 0"
+        ></path></svg></a
+    ><a
+      class="flex items-center hover:text-gray-700 mr-5"
+      href="https://www.linkedin.com/in/no%C3%A9-v-395bba109/"
+      target="_blank"
+    >
+      <svg
+        class="fill-current text-white hover:text-gray-500 transition-all duration-100 w-8 h-8"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 512 512"
+      >
+        <title>LinkedIn</title>
+        <path
+          d="m256 0c-141.363281 0-256 114.636719-256 256s114.636719 256 256 256 256-114.636719 256-256-114.636719-256-256-256zm-74.390625 387h-62.347656v-187.574219h62.347656zm-31.171875-213.1875h-.40625c-20.921875 0-34.453125-14.402344-34.453125-32.402344 0-18.40625 13.945313-32.410156 35.273437-32.410156 21.328126 0 34.453126 14.003906 34.859376 32.410156 0 18-13.53125 32.402344-35.273438 32.402344zm255.984375 213.1875h-62.339844v-100.347656c0-25.21875-9.027343-42.417969-31.585937-42.417969-17.222656 0-27.480469 11.601563-31.988282 22.800781-1.648437 4.007813-2.050781 9.609375-2.050781 15.214844v104.75h-62.34375s.816407-169.976562 0-187.574219h62.34375v26.558594c8.285157-12.78125 23.109375-30.960937 56.1875-30.960937 41.019531 0 71.777344 26.808593 71.777344 84.421874zm0 0"
+        />
+      </svg>
+    </a>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>

pages/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <Header />
     <Hero />
     <Grid />
     <Contact />