feat: tag contenuti training, contact e 404

src/pages/training.astro

@@ -7,18 +7,19 @@ import { Image } from 'astro:assets';
 import { trainings } from '../data/trainings';
 import trialImg from '../assets/img/trial-class.jpg';
 import T from '../components/content/T.astro';
+import TImg from '../components/content/TImg.astro';
 import { t } from '../lib/content';
 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;
 ---
-<Base title="Training" description="One to One, Small Groups, Performance Class e Fit Remote: trova il training InsanityLab più adatto a te.">
-  <PageHero title="training" />
+<Base title={t('training.meta.title')} description={t('training.meta.description')}>
+  <PageHero title={t('training.hero.title')} />
 
   <section class="section" style="padding-bottom:0">
     <div class="section-heading">
-      <h2>Training</h2>
-      <p>Porta i tuoi allenamenti al livello successivo: programmi completi e percorsi su misura. Trova il training più adatto alle tue esigenze.</p>
+      <T tag="training.intro.title" as="h2" />
+      <T tag="training.intro.subtitle" as="p" />
     </div>
   </section>
   <TrainingCards />
@@ -42,11 +43,11 @@ export const prerender = true;
 
   <section class="section section--alt">
     <div class="container trial">
-      <Image src={trialImg} alt="Lezione di prova InsanityLab" widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal="left" />
+      <TImg tag="training.trial.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>
+        <T tag="training.trial.title" as="h2" />
+        <T tag="training.trial.body" as="p" />
+        <a class="btn btn--dark" href="/contact">{t('training.trial.cta')}</a>
       </div>
     </div>
   </section>