feat: refine portfolio content, contact, and supporting media

src/components/HeroJourney.vue

@@ -3,11 +3,11 @@ import type { PortfolioContent } from '@/content/types';
 
 defineProps<{
   identity: Readonly<PortfolioContent['identity']>;
-  email: string;
 }>();
 
 const emit = defineEmits<{
   explore: [event: MouseEvent];
+  contact: [event: MouseEvent];
 }>();
 </script>
 
@@ -19,7 +19,7 @@ const emit = defineEmits<{
       <p class="hero-journey__value">{{ identity.valueProposition }}</p>
       <p class="hero-journey__availability">{{ identity.availability }}</p>
       <div class="hero-journey__actions">
-        <a class="hero-journey__action hero-journey__action--primary" :href="`mailto:${email}`">Email Luca</a>
+        <a class="hero-journey__action hero-journey__action--primary" href="#contact" @click="emit('contact', $event)">Contact Me</a>
         <a class="hero-journey__action" href="#selected-builds" @click="emit('explore', $event)">Explore work</a>
       </div>
     </div>