fix: rimappa tutte le foto sugli slot corretti del design figma

Le immagini erano asset reali del .fig ma piazzate in slot sbagliati.
Rimappate home/training/about dal confronto con i PDF Figma; aggiunti
i 9 ritratti team about (chiari in home, scuri in about via imageAbout),
immagini mancanti per metodo/vision/convenzioni/studios/trial e hero
contatti. Fix imgOf (match esatto) e getImage per i background dedupati.

src/pages/training.astro

@@ -5,6 +5,7 @@ import TrainingCards from '../components/home/TrainingCards.astro';
 import Agenda from '../components/Agenda.astro';
 import { Image } from 'astro:assets';
 import { trainings } from '../data/trainings';
+import trialImg from '../assets/img/trial-class.jpg';
 const images = import.meta.glob<{ default: ImageMetadata }>('../assets/img/training-*.{jpg,png}', { eager: true });
 const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(name))?.[1]?.default;
 export const prerender = true;
@@ -39,7 +40,8 @@ export const prerender = true;
 
   <section class="section section--alt">
     <div class="container trial">
-      <div>
+      <Image src={trialImg} alt="Lezione di prova InsanityLab" widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal="left" />
+      <div data-reveal="right">
         <h2>Prenota la lezione di prova</h2>
         <p>La lezione di prova è l'occasione perfetta per conoscere il metodo, vivere l'esperienza in prima persona e capire il percorso più adatto a te. Inizia oggi il tuo percorso: prenota la tua lezione di prova.</p>
         <a class="btn btn--dark" href="/contact">Prenota</a>
@@ -52,6 +54,8 @@ export const prerender = true;
   .tblock { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 40px; scroll-margin-top: calc(var(--header-h) + 20px); }
   .tblock--reverse img { order: 2; }
   .tblock h2 { letter-spacing: .1em; }
-  .trial { max-width: 720px; text-align: center; }
+  .trial { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: center; }
+  .trial img { width: 100%; height: auto; max-height: 460px; object-fit: cover; }
+  @media (max-width: 767px) { .trial { grid-template-columns: 1fr; gap: 24px; } }
   @media (max-width: 767px) { .tblock { grid-template-columns: 1fr; gap: 24px; } .tblock--reverse img { order: 0; } }
 </style>