feat: tag contenuti header, footer e form contatti

src/components/Footer.astro

@@ -1,34 +1,37 @@
 ---
 import { site } from '../data/site';
 import ContactForm from './ContactForm.astro';
+import { t, contentImageUrl } from '../lib/content';
+import T from './content/T.astro';
 const year = new Date().getFullYear();
 ---
 <footer class="ftr">
   <div class="container ftr__grid">
     <div>
-      <img src="/img/logo-light.png" alt="InsanityLab" width="140" loading="lazy" />
-      <p class="ftr__tag">PERFORMANCE.&nbsp; BALANCE.&nbsp; LONGEVITY.</p>
-      <p>Promuoviamo il movimento come cura di sé. Abitudini sostenibili per benessere fisico e mentale.</p>
-      <p>{site.phone}<br />{site.address}, {site.cityLine}</p>
-      {site.hours.map((h) => <p class="ftr__hours">{h}</p>)}
+      <img src={contentImageUrl('footer.logo.image', '/img/logo-light.png')} alt="InsanityLab" width="140" loading="lazy" />
+      <T tag="footer.tagline" as="p" class="ftr__tag" />
+      <T tag="footer.about" as="p" />
+      <p>{t('global.contact.phone')}<br />{t('global.contact.address')}, {t('global.contact.city-line')}</p>
+      <p class="ftr__hours">{t('global.hours.1')}</p>
+      <p class="ftr__hours">{t('global.hours.2')}</p>
     </div>
     <nav aria-label="training">
-      <h4>Training</h4>
-      {site.footerTraining.map((l) => <a href={l.href}>{l.label}</a>)}
+      <T tag="footer.col.training-title" as="h4" />
+      {site.footerTraining.map((l, i) => <a href={l.href}>{t(`footer.training.${i + 1}.label`)}</a>)}
     </nav>
     <nav aria-label="programmi">
-      <h4>Programmi</h4>
-      {site.footerPrograms.map((l) => <a href={l.href}>{l.label}</a>)}
+      <T tag="footer.col.programs-title" as="h4" />
+      {site.footerPrograms.map((l, i) => <a href={l.href}>{t(`footer.programs.${i + 1}.label`)}</a>)}
     </nav>
     <div>
-      <h4>Contact</h4>
+      <T tag="footer.col.contact-title" as="h4" />
       <ContactForm variant="footer" />
     </div>
   </div>
   <div class="ftr__bar">
     <div class="container ftr__bar-in">
-      <p>© {year} <strong>Insanitylab</strong>, All Rights Reserved</p>
-      <p>Seguici {site.socials.map((s) => <a href={s.url} rel="noopener" target="_blank">{s.label}</a>)}</p>
+      <p>© {year} <T tag="footer.copyright" as="span" /></p>
+      <p>{t('footer.social-label')} {site.socials.map((s) => <a href={s.url} rel="noopener" target="_blank">{s.label}</a>)}</p>
     </div>
   </div>
 </footer>