Files
portfolio/app/components/sections/CTASection.vue
T
kayjaydee 5502364e77 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
2026-04-08 18:34:03 +02:00

21 lines
617 B
Vue

<script setup lang="ts">
const { t } = useI18n()
</script>
<template>
<section class="py-16 px-4">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-3xl font-bold mb-4">{{ t('home.cta2.title') }}</h2>
<p class="text-lg text-muted mb-8">{{ t('home.cta2.subtitle') }}</p>
<div class="flex gap-4 justify-center">
<UButton to="/contact" size="lg">
{{ t('home.cta2.startProject') }}
</UButton>
<UButton to="/about" size="lg" variant="outline">
{{ t('home.cta2.learnMore') }}
</UButton>
</div>
</div>
</section>
</template>