feat(03-01): create 9 shared components for landing sections and project display

- HeroSection: title + subtitle + 3 CTA UButtons
- FeaturedProjectsSection: 3 featured projects via useProjects()
- ServicesSection: 4 service cards with UCard + UIcon
- TestimonialsSection: UCard per testimonial with ratings and stats
- FAQSection: UAccordion with i18n-resolved items
- CTASection: final CTA with 2 UButtons
- ProjectCard: NuxtLink + NuxtImg + UBadge + schema.org microdata
- TechBadge: Technology lookup with NuxtImg + UBadge level
- ProjectGallery: UModal fullscreen + UCarousel + thumbnails + keyboard nav

app/components/sections/HeroSection.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const { t } = useI18n()
+</script>
+
+<template>
+  <section class="py-20 md:py-32">
+    <div class="max-w-4xl mx-auto text-center px-4">
+      <h1 class="text-4xl md:text-6xl font-bold mb-6">
+        {{ t('home.title') }}
+      </h1>
+      <p class="text-xl md:text-2xl text-muted mb-10">
+        {{ t('home.subtitle') }}
+      </p>
+      <div class="flex flex-col sm:flex-row gap-4 justify-center">
+        <UButton to="/projects" size="xl" icon="i-lucide-arrow-right" trailing>
+          {{ t('home.cta.viewProjects') }}
+        </UButton>
+        <UButton to="/fiverr" size="xl" variant="outline" icon="i-lucide-dollar-sign" trailing>
+          {{ t('nav.fiverr') }}
+        </UButton>
+        <UButton to="/contact" size="xl" variant="outline" icon="i-lucide-message-circle" trailing>
+          {{ t('home.cta.contactMe') }}
+        </UButton>
+      </div>
+    </div>
+  </section>
+</template>