Files
portfolio/app/pages/index.vue
T
kayjaydee f72170b4f3 feat(rebrand): align jobTitle + meta + i18n on Hytale Plugin Developer (REBRAND-01/02/03)
- app/pages/index.vue: JSON-LD utilise siteConfig.jobTitle (Hytale Plugin Developer)
  + siteConfig.contact.email au lieu de hardcode "Developpeur Full Stack"
- nuxt.config.ts: site.name "Developpeur Full Stack" → "Hytale Plugin Developer"
- app/data/site.ts: description "Professional Full Stack Developer..." →
  "Hytale Plugin Developer & Web Developer..."
- i18n/fr.json + en.json: refonte positionnement sur 14 clés
  - a11y.logoLabel, seo.home/about/contact, about.title/intro/approach/cta,
    home.cta2, contact.title/subtitle/faq.projectTypes, projects.subtitle
  - Le titre principal "Hytale Plugin Developer & [Freelance] Web Dev"
  - Les 2 occurrences "full stack" restantes sont contextuelles (skills)

Laisse les projets web/bot existants (virtual-tour, flowboard, xinko...) visibles,
mentionne Hytale plugins car Phase 10 (5 démos) est planifiée.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-22 22:55:37 +02:00

77 lines
1.9 KiB
Vue

<script setup lang="ts">
import { homeFAQs } from '~/data/faq'
import { siteConfig } from '~/data/site'
const { t } = useI18n()
useSeoMeta({
title: () => t('seo.home.title'),
description: () => t('seo.home.description'),
ogTitle: () => t('seo.home.title'),
ogDescription: () => t('seo.home.description'),
ogImage: 'https://killiandalcin.fr/og-image.png',
ogImageWidth: 1200,
ogImageHeight: 630,
ogType: 'website',
})
useHead({
script: [
{
type: 'application/ld+json',
innerHTML: JSON.stringify({
'@context': 'https://schema.org',
'@graph': [
{
'@type': 'Person',
name: "Killian' DAL-CIN",
url: siteConfig.url,
jobTitle: siteConfig.jobTitle,
email: siteConfig.contact.email,
sameAs: [
'https://linkedin.com/in/killian-dal-cin',
'https://www.fiverr.com/users/mr_kayjaydee',
'https://gitea.kamisama.ovh/kayjaydee',
],
},
{
'@type': 'ProfessionalService',
name: `Killian' DAL-CIN - ${siteConfig.jobTitle}`,
url: siteConfig.url,
logo: 'https://killiandalcin.fr/images/logo.webp',
priceRange: '$$$',
areaServed: 'Worldwide',
},
],
}),
},
],
})
</script>
<template>
<div>
<!-- Hero Section -->
<HeroSection />
<!-- Featured Projects Section -->
<div class="relative bg-gray-50/50 dark:bg-gray-900/20">
<FeaturedProjectsSection />
</div>
<!-- Services Section -->
<ServicesSection />
<!-- Testimonials Section -->
<div class="relative bg-gray-50/50 dark:bg-gray-900/20">
<TestimonialsSection featured />
</div>
<!-- FAQ Section -->
<FAQSection :faqs="homeFAQs" :title="t('faq.title')" :subtitle="t('faq.subtitle')" />
<!-- CTA Section -->
<CTASection />
</div>
</template>