feat: tag contenuti training, contact e 404

src/pages/404.astro

@@ -1,14 +1,16 @@
 ---
 import Base from '../layouts/Base.astro';
+import T from '../components/content/T.astro';
+import { t } from '../lib/content';
 export const prerender = true;
 ---
-<Base title="Pagina non trovata">
+<Base title={t('notfound.meta.title')}>
   <section class="section" style="text-align:center; padding-block:140px;">
     <div class="container">
-      <p class="eyebrow">Errore 404</p>
-      <h1>Pagina non trovata</h1>
-      <p>La pagina che cerchi non esiste o è stata spostata.</p>
-      <a class="btn" href="/">Torna alla home</a>
+      <T tag="notfound.eyebrow" as="p" class="eyebrow" />
+      <T tag="notfound.title" as="h1" />
+      <T tag="notfound.body" as="p" />
+      <a class="btn" href="/">{t('notfound.cta')}</a>
     </div>
   </section>
 </Base>

src/pages/contact.astro

@@ -4,35 +4,37 @@ import PageHero from '../components/PageHero.astro';
 import ContactForm from '../components/ContactForm.astro';
 import { site } from '../data/site';
 import contactHero from '../assets/img/contact-hero.jpg';
+import T from '../components/content/T.astro';
+import { t, contentImageUrl } from '../lib/content';
 export const prerender = true;
 const mapsQuery = encodeURIComponent(`${site.address}, ${site.cityLine}`);
 ---
-<Base title="Contatti" description="Contatta InsanityLab: Via Leandro Alberti 76, Bologna. Compila il form o chiamaci per una consulenza iniziale.">
-  <PageHero title="Contattaci" bgImage={contactHero} />
+<Base title={t('contact.meta.title')} description={t('contact.meta.description')}>
+  <PageHero title={t('contact.hero.title')} bgImage={contentImageUrl('contact.hero.image', contactHero.src)} />
   <section class="section">
     <div class="container cgrid">
       <div class="cmap" id="map-box">
-        <button class="btn btn--dark" id="map-load">Carica la mappa (Google Maps)</button>
-        <p class="cmap__note">La mappa viene caricata da Google solo dopo il tuo consenso.</p>
+        <button class="btn btn--dark" id="map-load">{t('contact.map.button')}</button>
+        <p class="cmap__note">{t('contact.map.note')}</p>
       </div>
       <ContactForm variant="full" />
     </div>
     <div class="container cinfo">
       <div>
-        <h3>Indirizzo</h3>
-        <p>{site.address} {site.cityLine}</p>
+        <T tag="contact.info.address-label" as="h3" />
+        <p>{t('global.contact.address')} {t('global.contact.city-line')}</p>
       </div>
       <div>
-        <h3>Telefono</h3>
-        <p>{site.phone}</p>
+        <T tag="contact.info.phone-label" as="h3" />
+        <p>{t('global.contact.phone')}</p>
       </div>
       <div>
-        <h3>E-mail</h3>
-        <p><a href={`mailto:${site.email}`}>{site.email}</a></p>
+        <T tag="contact.info.email-label" as="h3" />
+        <p><a href={`mailto:${t('global.contact.email')}`}>{t('global.contact.email')}</a></p>
       </div>
     </div>
     <div class="container">
-      <p class="cinvite">Per informazioni o per richiedere una consulenza iniziale, compila il form. Un team specializzato ti accoglierà e ti ricontatterà al più presto, oppure lasciaci il tuo contatto.</p>
+      <T tag="contact.invite" as="p" class="cinvite" />
     </div>
   </section>
 </Base>

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>