Update stuff

components/articles/about-author.vue

@@ -0,0 +1,53 @@
+<template>
+  <UContainer
+    class="flex flex-col md:gap-8 gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl"
+    as="section"
+  >
+    <nuxt-img
+      placeholder
+      alt="Marios Antonoudiou"
+      src="mariosant.webp"
+      width="64"
+      height="64"
+      class="w-16 h-16 rounded-full border border-gray-200 dark:border-gray-800 dark:bg-slate-300"
+    />
+
+    <p class="md:text-xl text-lg font-semibold">
+      <ULink
+        class="text-blue-500 dark:text-blue-300 hover:underline hover:underline-offset-4"
+        to="mailto:mariosant@sent.com"
+        >Marios Antonoudiou</ULink
+      >, independent software engineer.<br />
+      Building digital products that feel simple, even when they are not.
+    </p>
+    <p class="text-gray-800 dark:text-gray-200">
+      <span class="font-semibold">Software engineer</span> specializing at
+      <span class="font-semibold">Javascript & Typescript ecosystem</span>, with
+      a focus on digital products, enterprise apps and streaming data.
+      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
+        color="primary"
+        variant="soft"
+        icon="mynaui:calendar"
+        target="_blank"
+        to="https://cal.com/mariosant/30min"
+      >
+        Arrange a call
+      </UButton>
+
+      <UButton
+        color="neutral"
+        icon="mynaui:envelope"
+        variant="soft"
+        target="_blank"
+        to="mailto:mariosant@sent.com"
+      >
+        Send a message
+      </UButton>
+    </div>
+  </UContainer>
+</template>

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>

components/project.vue

@@ -24,7 +24,7 @@ const props = defineProps<Props>();
     <div class="grid row-span-3 gap-2">
       <div>
         <ULink
-          class="font-semibold hover:underline hover:underline-offset-4"
+          class="font-semibold hover:underline hover:underline-offset-4 !text-slate-900 dark:text-white"
           :to="props.url"
           target="_blank"
           >{{ props.title }}</ULink