Update stuff

components/home/connect.vue

@@ -1,23 +1,24 @@
 <template>
-  <UContainer class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="section">
+  <UContainer
+    class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl"
+    as="section"
+  >
     <div class="text-sm text-gray-500">Let's connect</div>
 
     <div class="flex gap-4 overflow-x-auto">
       <UButton
-        color="purple"
-        icon="i-heroicons-arrow-right-circle"
-        class="rounded-full"
+        color="neutral"
+        icon="mynaui:calendar"
         variant="soft"
         target="_blank"
-        to="https://mariosant.youcanbook.me/"
+        to="https://cal.com/mariosant/30min"
       >
         Calendar
       </UButton>
 
       <UButton
-        color="green"
-        icon="i-heroicons-arrow-right-circle"
-        class="rounded-full"
+        color="neutral"
+        icon="mynaui:envelope"
         variant="soft"
         target="_blank"
         to="mailto:mariosant@sent.com"
@@ -26,9 +27,8 @@
       </UButton>
 
       <UButton
-        color="orange"
-        icon="i-heroicons-arrow-right-circle"
-        class="rounded-full"
+        color="neutral"
+        icon="mynaui:brand-github"
         variant="soft"
         target="_blank"
         to="https://github.com/mariosant"
@@ -37,9 +37,8 @@
       </UButton>
 
       <UButton
-        color="blue"
-        icon="i-heroicons-arrow-right-circle"
-        class="rounded-full"
+        color="neutral"
+        icon="mynaui:brand-linkedin"
         variant="soft"
         target="_blank"
         to="https://www.linkedin.com/in/mariosant/"

components/home/introduction.vue

@@ -1,5 +1,8 @@
 <template>
-  <UContainer class="flex flex-col md:gap-12 gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl" as="header">
+  <UContainer
+    class="flex flex-col md:gap-12 gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl"
+    as="header"
+  >
     <div class="flex items-center justify-between">
       <nuxt-img
         placeholder
@@ -41,5 +44,28 @@
       Well-versed in a wide range of technologies, especially on
       <span class="font-semibold">frontends</span>.
     </p>
+
+    <div class="flex gap-4 overflow-x-auto">
+      <UButton
+        size="xl"
+        color="primary"
+        icon="mynaui:calendar"
+        target="_blank"
+        to="https://cal.com/mariosant/30min"
+      >
+        Arrange a call
+      </UButton>
+
+      <UButton
+        size="xl"
+        color="neutral"
+        icon="mynaui:envelope"
+        variant="soft"
+        target="_blank"
+        to="mailto:mariosant@sent.com"
+      >
+        Send a message
+      </UButton>
+    </div>
   </UContainer>
 </template>