feat: tag contenuti home cards, team, metodo, partner, agenda

src/pages/training.astro

@@ -6,6 +6,8 @@ import Agenda from '../components/Agenda.astro';
 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 { 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;
@@ -23,13 +25,13 @@ export const prerender = true;
 
   <section class="section">
     <div class="container">
-      {trainings.map((t, i) => (
-        <div class:list={['tblock', { 'tblock--reverse': i % 2 === 1 }]} id={t.id}>
-          {imgOf(t.image) && <Image src={imgOf(t.image)!} alt={t.title} widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal={i % 2 === 1 ? 'right' : 'left'} />}
+      {trainings.map((tr, i) => (
+        <div class:list={['tblock', { 'tblock--reverse': i % 2 === 1 }]} id={tr.id}>
+          {imgOf(tr.image) && <Image src={imgOf(tr.image)!} alt={t(`training.${tr.id}.title`)} widths={[500, 900]} sizes="(max-width:767px) 100vw, 45vw" data-reveal={i % 2 === 1 ? 'right' : 'left'} />}
           <div data-reveal={i % 2 === 1 ? 'left' : 'right'}>
-            <h2>{t.title.toLowerCase()}</h2>
-            <p>{t.description}</p>
-            <a class="btn" href={t.cta.href}>{t.cta.label}</a>
+            <h2 data-tag={`training.${tr.id}.title`}>{t(`training.${tr.id}.title`).toLowerCase()}</h2>
+            <T tag={`training.${tr.id}.description`} as="p" />
+            <a class="btn" href={tr.cta.href}><T tag={`training.${tr.id}.cta-label`} as="span" /></a>
           </div>
         </div>
       ))}