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

src/components/home/MethodSteps.astro

@@ -1,26 +1,27 @@
 ---
-import { Image } from 'astro:assets';
 import type { ImageMetadata } from 'astro';
-import { methodIntro, methodExtraNote, methodSteps } from '../../data/method';
+import { methodSteps } from '../../data/method';
+import T from '../content/T.astro';
+import TImg from '../content/TImg.astro';
 const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/method-*.{jpg,png}', { eager: true });
 const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(name))?.[1].default;
 ---
 <section class="section section--alt">
   <div class="container">
     <div class="section-heading" data-reveal>
-      <h2>Il metodo<br />InsanityLab</h2>
-      <p set:html={methodIntro.replace('Metodo Insanitylab', '<strong>Metodo Insanitylab</strong>')} />
+      <T tag="home.method.title" as="h2" />
+      <T tag="method.intro" as="p" />
     </div>
-    <p class="method__note">{methodExtraNote}</p>
+    <T tag="method.extra-note" as="p" class="method__note" />
     <div class="method__row">
       {methodSteps.map((s, i) => (
         <div class:list={['method__step', { 'method__step--extra': s.extra }]} data-reveal style={`--reveal-delay:${(i * 0.15).toFixed(2)}s`}>
           <div class="method__circle">
-            {imgOf(s.image) && <Image src={imgOf(s.image)!} alt="" widths={[220]} sizes="220px" />}
+            {imgOf(s.image) && <TImg tag={`method.step.${s.n}.image`} src={imgOf(s.image)!} alt="" widths={[220]} sizes="220px" />}
             <span>{s.n}</span>
           </div>
-          <h3>{s.title}</h3>
-          <p>{s.text}</p>
+          <T tag={`method.step.${s.n}.title`} as="h3" />
+          <T tag={`method.step.${s.n}.text`} as="p" />
         </div>
       ))}
     </div>