feat: tag contenuti training, contact e 404

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>