From 19cd82f87c63072921706447d1a71824c9ed4038 Mon Sep 17 00:00:00 2001
From: Marios Antonoudiou <mariosant@sent.com>
Date: Tue, 7 Apr 2026 11:26:20 +0300
Subject: [PATCH] Add homepage intro content to single article footer

---
 pages/articles/[...slug].vue | 53 ++++++++++++++++++++++++++++++++++--
 1 file changed, 51 insertions(+), 2 deletions(-)

diff --git a/pages/articles/[...slug].vue b/pages/articles/[...slug].vue
index a136693..2cc507a 100644
--- a/pages/articles/[...slug].vue
+++ b/pages/articles/[...slug].vue
@@ -24,7 +24,10 @@ const { data: article } = useAsyncData(path, async () => {
       class="text-sm text-gray-500 flex flex-row gap-1 items-center group w-fit"
       to="/articles"
     >
-      <UIcon class="opacity-100 group-hover:-translate-x-1 transition-transform" name="i-heroicons-arrow-left" />
+      <UIcon
+        class="opacity-100 group-hover:-translate-x-1 transition-transform"
+        name="i-heroicons-arrow-left"
+      />
       Back to articles
     </ULink>
     <div class="text-sm text-slate-500 mt-6">
@@ -75,7 +78,53 @@ const { data: article } = useAsyncData(path, async () => {
     <hr class="border border-slate-100" />
   </UContainer>
 
-  <ArticlesAboutAuthor v-motion-fade :delay="500" />
+  <UContainer
+    v-motion-fade
+    :delay="500"
+    class="flex flex-col gap-5 p-4 sm:p-6 lg:p-8 max-w-3xl"
+    as="section"
+  >
+    <h2 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
+      >, AI product engineer.<br />
+      Building AI-powered products that feel simple, useful, and ready for real
+      users.
+    </h2>
+    <p class="text-gray-800 dark:text-gray-200">
+      I design and ship
+      <span class="font-semibold">AI-enabled product experiences</span> across
+      frontend architecture, interaction design, and product workflows. My focus
+      is turning complex systems, data, and model capabilities into software
+      people can actually
+      <span class="font-semibold">understand, trust, and use</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>
 
   <Footer v-motion-fade :delay="500" />
 </template>