Hero one-to-one: titolo "Personal Training" separato dall'H2

Campo opzionale Service.heroTitle: l'hero (H1) di /services/one-to-one
mostra "PERSONAL TRAINING" mentre H2/card restano "One to One" (tag
condiviso service.one-to-one.title invariato). Nessuna migrazione DB.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/data/services.ts

@@ -1,6 +1,9 @@
 export interface Service {
   slug: string;
   title: string;
+  /** Override del titolo mostrato nell'hero (H1) della pagina dettaglio.
+   *  Se assente usa `title`. Serve quando l'hero deve differire dall'H2/card. */
+  heroTitle?: string;
   subtitle: string;
   excerpt: string;
   longDescription: string;
@@ -16,6 +19,7 @@ export const services: Service[] = [
   {
     slug: "one-to-one",
     title: "One to One",
+    heroTitle: "Personal Training",
     subtitle: "Allenamento con un trainer dedicato",
     excerpt: "L’allenamento One to One di InsanityLab è un percorso su misura, seguito da un professionista dedicato, per raggiungere in modo sicuro ed efficace obiettivi di forma fisica, performance e benessere.",
     longDescription: "Allenati con un trainer dedicato che costruisce un percorso su misura per i tuoi obiettivi. Ogni sessione one to one è pensata per migliorare performance, tecnica e risultati, con supporto costante, attenzione totale e allenamenti personalizzati.",

src/pages/services/[slug].astro

@@ -23,7 +23,7 @@ const categoryIndexes = [1, 2, 3, 4];
 const tones = ['tan', 'taupe', 'dark'];
 ---
 <Base title={t(`service.${slug}.title`)} description={t(`service.${slug}.excerpt`)}>
-  <PageHero title={t(`service.${slug}.title`).toUpperCase()} bgImage={heroImg} />
+  <PageHero title={(service.heroTitle ?? t(`service.${slug}.title`)).toUpperCase()} bgImage={heroImg} />
 
   <section class="section">
     <div class="container prog">