Struttura: il sito esistente si sposta sotto apps/sito

Primo passo della separazione sito / piattaforme decisa da Adriano il 03/09: due applicazioni autosufficienti, senza workspace di root, cosi' che ognuna resti un progetto Astro completo ed estraibile. Qui non cambia niente del codice: solo la radice. I pattern del .gitignore che avevano una barra erano ancorati alla radice e dopo lo spostamento non avrebbero piu' coperto niente (data/*.db*, uploads/*): resi validi a qualunque profondita'. Suite: 45 file, 347 test verdi prima e dopo lo spostamento. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01EndnceRA5WnA6rvA5iV9WL
2026-09-03 11:05:54 +00:00
parent c03edccd8e
commit 510d7ca4ec
551 changed files with 4 additions and 4 deletions
@@ -0,0 +1,55 @@
+---
+import { agenda, disciplines, days, slots } from '../data/agenda';
+import T from './content/T.astro';
+---
+<section class="section section--dark agenda">
+  <div class="container">
+    <div class="section-heading" data-reveal><T tag="agenda.title" as="h2" /></div>
+    <div class="agenda__tabs" role="tablist" data-reveal style="--reveal-delay:.1s">
+      {disciplines.map((d, i) => (
+        <button class:list={['agenda__tab', { 'is-active': i === 0 }]} data-filter={d} role="tab" aria-selected={i === 0 ? 'true' : 'false'}><T tag={`agenda.discipline.${i + 1}`} as="span" /></button>
+      ))}
+    </div>
+    <div class="agenda__grid" data-reveal style="--reveal-delay:.2s">
+      <div class="agenda__corner"></div>
+      {days.map((_, i) => <T tag={`agenda.day.${i + 1}`} as="div" class="agenda__day" />)}
+      {slots.map((slot, si) => (
+        <>
+          <T tag={`agenda.slot.${si + 1}`} as="div" class="agenda__slot" />
+          {days.map((_, dayIdx) => {
+            const entry = agenda.find((e) => e.day === dayIdx && e.slot === slot);
+            return entry
+              ? <div class="agenda__cell" data-discipline={entry.discipline}><strong>{entry.discipline}</strong><span>{entry.time}</span><em>{entry.trainer}</em></div>
+              : <div class="agenda__cell agenda__cell--empty"></div>;
+          })}
+        </>
+      ))}
+    </div>
+  </div>
+</section>
+
+<style>
+  .agenda__tabs { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-bottom: 40px; }
+  .agenda__tab { background: transparent; color: #b9aea4; border: 0; cursor: pointer; font-family: var(--font-heading); font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; padding: 10px 18px; }
+  .agenda__tab.is-active { background: var(--c-accent); color: #fff; }
+  .agenda__grid { display: grid; grid-template-columns: 70px repeat(7, 1fr); gap: 2px; }
+  .agenda__day, .agenda__slot { font-family: var(--font-heading); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #b9aea4; display: flex; align-items: center; justify-content: center; padding: 10px 4px; }
+  .agenda__cell { background: var(--c-accent); color: #fff; padding: 14px 8px; text-align: center; font-size: .72rem; display: flex; flex-direction: column; gap: 2px; }
+  .agenda__cell strong { font-family: var(--font-heading); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
+  .agenda__cell em { font-style: normal; opacity: .85; }
+  .agenda__cell--empty { background: transparent; }
+  .agenda__cell.is-dim { opacity: .15; }
+  @media (max-width: 991px) { .agenda__grid { grid-template-columns: 60px repeat(7, minmax(90px, 1fr)); overflow-x: auto; } }
+</style>
+
+<script>
+  document.querySelectorAll<HTMLElement>('.agenda').forEach((root) => {
+    const tabs = root.querySelectorAll<HTMLButtonElement>('.agenda__tab');
+    const cells = root.querySelectorAll<HTMLElement>('.agenda__cell[data-discipline]');
+    tabs.forEach((tab) => tab.addEventListener('click', () => {
+      tabs.forEach((t) => { t.classList.toggle('is-active', t === tab); t.setAttribute('aria-selected', String(t === tab)); });
+      const f = tab.dataset.filter!;
+      cells.forEach((c) => c.classList.toggle('is-dim', f !== 'Events' && c.dataset.discipline !== f));
+    }));
+  });
+</script>
@@ -0,0 +1,261 @@
+---
+// Popup a pieno schermo con gli orari delle class in Sala Piccola.
+//
+// I calendari sono ricostruiti dal dato (`data/calendari.ts`) e non sono le immagini ricevute
+// dal cliente: si leggono da telefono, si scaricano in PDF, e per correggere una cella non
+// serve rifare uno screenshot.
+//
+// Si vedono tutti gli orari non ancora scaduti, uno sotto l'altro: chi guarda ad agosto vuole
+// sapere com'è settembre per intero. Quelli passati spariscono da soli.
+//
+// Si apre da qualunque elemento con `data-apri-calendario` nella stessa pagina.
+import { calendariDaMostrare, avvisiAttivi, GIORNI, DISCIPLINE, type Calendario, type Giorno } from '../data/calendari';
+import { t } from '../lib/content';
+
+const adesso = new Date();
+const mostrati = calendariDaMostrare(adesso);
+// Giornate fuori griglia (eventi, chiusure): spariscono da sole quando sono passate.
+const avvisi = avvisiAttivi(adesso);
+
+const dataDi = (iso: string) => new Date(iso).toLocaleDateString('it-IT', {
+  day: 'numeric', month: 'long', year: 'numeric', timeZone: 'Europe/Rome',
+});
+// Legenda per griglia: elencare discipline che lì non compaiono farebbe cercare lezioni
+// che quel periodo non ha.
+const disciplinePresenti = (cal: Calendario) =>
+  DISCIPLINE.filter((d) => cal.righe.some((r) => Object.values(r.celle).includes(d)));
+---
+{mostrati.length > 0 && (
+  <dialog class="cal-dlg" aria-label="Calendario delle class">
+    <div class="cal-dlg__box">
+      <header class="cal-dlg__top">
+        <div>
+          <p class="cal-dlg__sala">{mostrati[0].cal.sala}</p>
+          <h2 class="cal-dlg__titolo">Calendario delle class</h2>
+        </div>
+        <div class="cal-dlg__azioni">
+          <a class="cal-dlg__btn" href="/calendario/tutti.pdf" download>{t('calendario.pdf-label')}</a>
+          <button type="button" class="cal-dlg__chiudi" data-chiudi-calendario aria-label={t('calendario.chiudi-label')}>×</button>
+        </div>
+      </header>
+
+      {avvisi.length > 0 && (
+        <ul class="cal-avvisi">
+          {avvisi.map((a) => (
+            <li><strong>{a.quando}</strong> — {a.testo}</li>
+          ))}
+        </ul>
+      )}
+
+      <div class="cal-dlg__scroll">
+        {mostrati.map(({ cal, stato }) => (
+          <section class="cal-blocco">
+            <div class="cal-blocco__top">
+              <h3 class="cal-blocco__titolo">{cal.titolo}</h3>
+              <span class:list={['cal-tag', stato === 'in-corso' && 'is-ora']}>
+                {stato === 'in-corso' ? 'In vigore' : `${t('calendario.futuro-label')} ${dataDi(cal.from)}`}
+              </span>
+            </div>
+
+            <table class="cal-tab">
+              <thead>
+                <tr>
+                  <th scope="col" class="cal-tab__ora-h">Ora</th>
+                  {GIORNI.map((g) => (
+                    <th scope="col" class:list={['cal-tab__gg', cal.chiusi.includes(g) && 'is-chiuso']}>
+                      {g}
+                      {cal.noteGiorno?.[g] && <span class="cal-tab__nota">{cal.noteGiorno[g]}</span>}
+                    </th>
+                  ))}
+                </tr>
+              </thead>
+              <tbody>
+                {cal.righe.map((r) => (
+                  <tr class:list={[r.clou && 'is-clou']}>
+                    <th scope="row" class="cal-tab__ora">{r.ora}</th>
+                    {GIORNI.map((g: Giorno) => {
+                      const chiuso = cal.chiusi.includes(g);
+                      const lezione = r.celle[g];
+                      return (
+                        <td class:list={['cal-tab__cella', chiuso && 'is-chiuso', lezione && `is-${lezione.toLowerCase()}`]}>
+                          {chiuso ? <span class="cal-tab__chiuso-txt">{t('calendario.chiuso-label')}</span> : lezione ?? ''}
+                        </td>
+                      );
+                    })}
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+
+            <ul class="cal-legenda">
+              {disciplinePresenti(cal).map((d) => (
+                <li class={`is-${d.toLowerCase()}`}>{d}</li>
+              ))}
+            </ul>
+          </section>
+        ))}
+      </div>
+
+      <footer class="cal-dlg__giu">
+        <p class="cal-dlg__nota">{t('calendario.nota')}</p>
+      </footer>
+    </div>
+  </dialog>
+)}
+
+<script>
+  // Apertura/chiusura del popup. Nessuna libreria: <dialog> nativo dà da solo il fondale, il
+  // focus trap e la chiusura con Esc.
+  const dlg = document.querySelector<HTMLDialogElement>('.cal-dlg');
+  if (dlg) {
+    document.querySelectorAll<HTMLElement>('[data-apri-calendario]').forEach((el) => {
+      el.addEventListener('click', (e) => { e.preventDefault(); dlg.showModal(); });
+    });
+    dlg.querySelector('[data-chiudi-calendario]')?.addEventListener('click', () => dlg.close());
+    // Click sul fondale: il target è il dialog stesso solo quando si preme fuori dal riquadro.
+    dlg.addEventListener('click', (e) => { if (e.target === dlg) dlg.close(); });
+    // "Scarica in PDF" è un link a /calendario/tutti.pdf, cioè un file vero generato dal
+    // server, un orario per pagina: si salva sul telefono e si gira su WhatsApp. Il CSS di
+    // stampa più sotto resta per chi preme Ctrl+P col popup aperto.
+  }
+</script>
+
+<style is:global>
+  .cal-dlg {
+    width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0;
+    border: 0; background: transparent; color: var(--c-text);
+  }
+  .cal-dlg::backdrop { background: rgba(43,43,43,.75); }
+  .cal-dlg__box {
+    display: flex; flex-direction: column; height: 100%; background: var(--c-bg);
+    padding: 28px clamp(16px, 4vw, 48px) 24px;
+  }
+  .cal-dlg__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
+  .cal-dlg__sala {
+    margin: 0; font-family: var(--font-heading); font-size: .72rem; font-weight: 600;
+    letter-spacing: .25em; text-transform: uppercase; color: var(--c-accent-dark);
+  }
+  .cal-dlg__titolo { margin: 6px 0 0; font-size: 1.5rem; }
+  .cal-dlg__azioni { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
+  .cal-dlg__btn {
+    display: inline-block; font-family: var(--font-heading); font-size: .68rem; font-weight: 600;
+    letter-spacing: .2em; text-transform: uppercase; text-decoration: none; border: 0;
+    cursor: pointer; padding: 13px 22px; background: var(--c-accent); color: #fff;
+    transition: background .2s;
+  }
+  .cal-dlg__btn:hover { background: var(--c-accent-dark); }
+  .cal-dlg__chiudi {
+    width: 42px; height: 42px; border: 1px solid #ddd; background: #fff; cursor: pointer;
+    font-size: 1.4rem; line-height: 1; color: var(--c-heading);
+  }
+  .cal-dlg__chiudi:hover { border-color: var(--c-accent); color: var(--c-accent-dark); }
+
+  /* Giornate fuori griglia: stanno sopra le tabelle perché sono l'eccezione a ciò che le
+     tabelle dicono, e sotto passerebbero per una postilla. */
+  .cal-avvisi {
+    list-style: none; margin: 18px 0 0; padding: 12px 16px; background: var(--c-bg-alt);
+    border-left: 3px solid var(--c-accent); display: flex; flex-direction: column; gap: 4px;
+  }
+  .cal-avvisi li { font-size: .84rem; color: var(--c-text); }
+  .cal-avvisi strong { color: var(--c-heading); }
+
+  .cal-dlg__scroll { flex: 1; overflow: auto; margin: 18px 0 0; }
+  .cal-blocco + .cal-blocco { margin-top: 34px; padding-top: 26px; border-top: 1px solid #e4e0d9; }
+  .cal-blocco__top { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 10px; }
+  .cal-blocco__titolo { margin: 0; font-size: 1.05rem; }
+  .cal-tag {
+    font-family: var(--font-heading); font-size: .62rem; font-weight: 600; letter-spacing: .14em;
+    text-transform: uppercase; padding: 4px 9px; background: var(--c-bg-alt); color: var(--c-text-light);
+  }
+  /* L'orario valido adesso si distingue a colpo d'occhio da quello che comincerà dopo: senza,
+     due griglie affiancate si leggono come alternative fra cui scegliere. */
+  .cal-tag.is-ora { background: var(--c-accent); color: #fff; }
+
+  /* La griglia ha otto colonne: su telefono scorre in orizzontale invece di comprimersi
+     fino a diventare illeggibile, e la colonna delle ore resta ferma. */
+  /* `table-layout: fixed` e' quello che rende le sette colonne dei giorni ESATTAMENTE
+     uguali: in automatico il browser le dimensiona sul contenuto, cosi' il sabato con la
+     nota «solo il 12 settembre» diventava largo il doppio e i giorni vuoti si stringevano.
+     Con il layout fisso basta dare una larghezza alla colonna delle ore: tutto il resto
+     viene diviso in parti uguali fra le sette rimanenti. E' lo stesso criterio del PDF,
+     dove le colonne sono `(larghezzaUtile - larghezzaOra) / 7` da sempre.
+
+     ⚠️ Il `min-width` e' passato da 720 a 780px INSIEME al layout fisso, e i due sono
+     legati: a colonne uguali la piu' stretta deve contenere la parola piu' lunga, mentre
+     in layout automatico il browser allargava da solo le colonne piene e stringeva quelle
+     vuote. Il conto, misurato sul Montserrat 400 che il sito serve davvero:
+       REFORMER a .7rem con letter-spacing .1em = 75,4 px
+       colonna a 720px = (720 - 64) / 7 = 93,7 px, meno 20 di padding e 1 di bordo = 72,7
+     cioe' 2,7 px in meno del necessario: la parola sarebbe uscita dalla cella sul
+     telefono, dove il minimo e' quello che si vede. A 780px la colonna da' 81,3 px di
+     spazio utile, ~6 di margine. Chi tocca padding, corpo o spaziatura rifaccia il conto. */
+  .cal-tab { border-collapse: collapse; width: 100%; min-width: 780px; table-layout: fixed; }
+  .cal-tab th, .cal-tab td { border: 1px solid #e4e0d9; padding: 9px 10px; text-align: left; }
+  .cal-tab thead th {
+    background: var(--c-bg-alt);
+    font-family: var(--font-heading); font-size: .7rem; font-weight: 600; letter-spacing: .16em;
+    text-transform: uppercase; color: var(--c-heading);
+  }
+  .cal-tab__nota {
+    display: block; font-size: .62rem; letter-spacing: .06em; text-transform: none;
+    color: var(--c-text-light); font-weight: 400;
+  }
+  /* L'unica larghezza dichiarata: la colonna delle ore. Resta piu' stretta dei giorni,
+     come nel PDF — ci sta dentro «12.15» e nient'altro. */
+  .cal-tab__ora-h, .cal-tab__ora { width: 64px; }
+  .cal-tab__ora-h { color: var(--c-accent-dark) !important; }
+  .cal-tab__ora {
+    background: var(--c-bg);
+    font-family: var(--font-heading); font-size: .78rem; font-weight: 600; color: var(--c-heading);
+    white-space: nowrap;
+  }
+  .cal-tab tr.is-clou .cal-tab__ora { background: #f7f2e6; }
+  .cal-tab__cella { font-family: var(--font-heading); font-size: .7rem; letter-spacing: .1em; color: var(--c-heading); }
+  /* Ogni disciplina ha un fondo tenue e una barra a sinistra: la barra si vede anche quando il
+     browser stampa senza sfondi. */
+  .cal-tab__cella.is-reformer { background: #ece5d7; box-shadow: inset 3px 0 0 var(--c-accent-dark); }
+  .cal-tab__cella.is-pilates { background: #f6efe0; box-shadow: inset 3px 0 0 #cbb98f; }
+  .cal-tab__cella.is-yoga { background: #e3eadf; box-shadow: inset 3px 0 0 #8ba57f; }
+  .cal-tab__cella.is-mobility { background: #f0e3e3; box-shadow: inset 3px 0 0 #b78e8e; }
+  .cal-tab__cella.is-chiuso { background: repeating-linear-gradient(135deg, #f5f3f0, #f5f3f0 6px, #ece8e2 6px, #ece8e2 12px); }
+  .cal-tab__chiuso-txt { font-size: .62rem; letter-spacing: .12em; color: var(--c-text-light); }
+  .cal-tab thead th.is-chiuso { color: var(--c-text-light); }
+
+  .cal-legenda { display: flex; flex-wrap: wrap; gap: 8px 16px; list-style: none; margin: 12px 0 0; padding: 0; }
+  .cal-legenda li {
+    font-family: var(--font-heading); font-size: .66rem; letter-spacing: .12em; padding: 5px 10px;
+    color: var(--c-heading);
+  }
+  .cal-legenda li.is-reformer { background: #ece5d7; box-shadow: inset 3px 0 0 var(--c-accent-dark); }
+  .cal-legenda li.is-pilates { background: #f6efe0; box-shadow: inset 3px 0 0 #cbb98f; }
+  .cal-legenda li.is-yoga { background: #e3eadf; box-shadow: inset 3px 0 0 #8ba57f; }
+  .cal-legenda li.is-mobility { background: #f0e3e3; box-shadow: inset 3px 0 0 #b78e8e; }
+  .cal-dlg__giu { padding-top: 16px; }
+  .cal-dlg__nota { margin: 0; font-size: .8rem; color: var(--c-text-light); }
+
+  /* Stampa dalla pagina (Ctrl+P col popup aperto): resta solo il calendario, un orario per
+     foglio. Il bottone scarica invece il PDF generato dal server, che è il documento buono da
+     girare. `visibility` invece di `display` perché il dialog è annidato nel corpo della
+     pagina e nascondere gli antenati nasconderebbe anche lui. */
+  @media print {
+    @page { size: A4 landscape; margin: 10mm; }
+    body { visibility: hidden; }
+    .cal-dlg, .cal-dlg * { visibility: visible; }
+    .cal-dlg { position: absolute; inset: 0; height: auto; }
+    .cal-dlg::backdrop { background: transparent; }
+    .cal-dlg__box { padding: 0; height: auto; }
+    .cal-dlg__azioni { display: none; }
+    .cal-dlg__scroll { overflow: visible; }
+    .cal-blocco { break-inside: avoid; }
+    .cal-blocco + .cal-blocco { break-before: page; border-top: 0; padding-top: 0; }
+    .cal-tab { min-width: 0; }
+    .cal-tab th, .cal-tab td { padding: 5px 6px; }
+    .cal-tab__cella { font-size: .62rem; }
+  }
+
+  @media (max-width: 600px) {
+    .cal-dlg__box { padding: 20px 14px 18px; }
+    .cal-dlg__titolo { font-size: 1.2rem; }
+    .cal-dlg__btn { padding: 11px 16px; letter-spacing: .12em; }
+  }
+</style>
@@ -0,0 +1,58 @@
+---
+import { t } from '../lib/content';
+import T from './content/T.astro';
+interface Props { variant?: 'full' | 'footer' }
+const { variant = 'full' } = Astro.props;
+---
+<form
+  class:list={['cform', `cform--${variant}`]}
+  method="post"
+  action="/api/contact"
+  novalidate
+  data-msg-success={t('form.msg.success')}
+  data-msg-error-generic={t('form.msg.error-generic')}
+  data-msg-error-network={t('form.msg.error-network')}
+>
+  <input class="field" name="firstName" placeholder={t('form.field.first-name')} required maxlength="100" />
+  <input class="field" name="lastName" placeholder={t('form.field.last-name')} required maxlength="100" />
+  <input class="field" type="tel" name="phone" placeholder={t('form.field.phone')} required maxlength="40" />
+  <input class="field" type="email" name="email" placeholder={t('form.field.email')} required maxlength="200" />
+  <textarea class="field" name="message" placeholder={t('form.field.message')} required maxlength="5000"></textarea>
+  <input class="hp" type="text" name="hp_field" tabindex="-1" autocomplete="off" aria-hidden="true" />
+  <button class="btn" type="submit"><T tag="form.submit" as="span" /></button>
+  <p class="cform__privacy">Inviando il modulo dichiari di aver letto l'<a href="/privacy">informativa sulla privacy</a>.</p>
+  <p class="form-msg" hidden></p>
+</form>
+
+<style>
+  .cform__privacy { font-size: .74rem; opacity: .8; margin: 8px 0 0; line-height: 1.5; }
+  .cform__privacy a { text-decoration: underline; }
+</style>
+
+<script>
+  document.querySelectorAll<HTMLFormElement>('.cform').forEach((form) => {
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      const msg = form.querySelector<HTMLParagraphElement>('.form-msg')!;
+      const btn = form.querySelector<HTMLButtonElement>('button')!;
+      btn.disabled = true;
+      msg.hidden = true;
+      try {
+        const res = await fetch('/api/contact', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify(Object.fromEntries(new FormData(form))),
+        });
+        const data = await res.json();
+        msg.textContent = res.ok ? form.dataset.msgSuccess! : (data.error ?? form.dataset.msgErrorGeneric);
+        msg.className = `form-msg ${res.ok ? 'form-msg--ok' : 'form-msg--err'}`;
+        if (res.ok) form.reset();
+      } catch {
+        msg.textContent = form.dataset.msgErrorNetwork!;
+        msg.className = 'form-msg form-msg--err';
+      }
+      msg.hidden = false;
+      btn.disabled = false;
+    });
+  });
+</script>
@@ -0,0 +1,54 @@
+---
+import { site } from '../data/site';
+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={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.address')}, {t('global.contact.city-line')}<br />{t('global.contact.phone')}<br /><a href={`mailto:${t('global.contact.email')}`}>{t('global.contact.email')}</a></p>
+      <p class="ftr__hours">{t('global.hours.1')}</p>
+      <p class="ftr__hours">{t('global.hours.2')}</p>
+      <p class="ftr__legal">IN-SANITY LAB S.R.L. — P. IVA 03927341200</p>
+    </div>
+    <nav aria-label="training">
+      <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="servizi">
+      <T tag="footer.col.services-title" as="h4" />
+      {site.footerServices.map((l, i) => <a href={l.href}>{t(`footer.services.${i + 1}.label`)}</a>)}
+    </nav>
+  </div>
+  <div class="ftr__bar">
+    <div class="container ftr__bar-in">
+      <p>© {year} <T tag="footer.copyright" as="span" /> <span class="ftr__sep">·</span> <a href="/privacy">Privacy Policy</a> <span class="ftr__sep">·</span> <a href="/cookie-policy">Cookie Policy</a></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>
+
+<style>
+  .ftr { background: var(--c-dark); color: #b9aea4; font-size: .88rem; }
+  .ftr a { color: #b9aea4; text-decoration: none; display: block; padding: 4px 0; }
+  .ftr a:hover { color: #fff; }
+  .ftr h4 { color: #fff; text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; margin-bottom: 18px; }
+  .ftr__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 40px; padding-block: 26px; text-align: center; align-items: start; }
+  /* Il logo è display:block (reset globale): lo centro nella colonna */
+  .ftr__grid img { margin-inline: auto; }
+  /* Training e Servizi allineati alla riga "Promuoviamo il movimento..." (logo+tagline ~110px) */
+  .ftr__grid nav { padding-top: 110px; }
+  .ftr__tag { font-family: var(--font-heading); font-size: .7rem; letter-spacing: .2em; color: #fff; }
+  .ftr__hours { margin: 0; }
+  .ftr__legal { margin-top: 14px; font-size: .78rem; opacity: .8; }
+  .ftr__bar-in .ftr__sep { margin: 0 4px; opacity: .5; }
+  .ftr__bar { border-top: 1px solid rgba(255,255,255,.08); padding-block: 18px; }
+  .ftr__bar-in { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
+  .ftr__bar-in a { display: inline; margin-left: 12px; }
+  @media (max-width: 991px) { .ftr__grid { grid-template-columns: 1fr 1fr; } .ftr__grid nav { padding-top: 0; } }
+  @media (max-width: 600px) { .ftr__grid { grid-template-columns: 1fr; } }
+</style>
@@ -0,0 +1,133 @@
+---
+import { site } from '../data/site';
+import { piattaforme } from '../data/piattaforme';
+import { t, contentImageUrl } from '../lib/content';
+import { landingFor } from '../lib/auth';
+interface Props {
+  user: { username: string; role: string } | null;
+  showTags: boolean;
+  canTags: boolean;
+}
+const { user, canTags, showTags } = Astro.props;
+const path = Astro.url.pathname;
+const loginHref = `/login?next=${encodeURIComponent(path)}`;
+const areaHref = user ? landingFor(user.role) : '/admin';
+// Le piattaforme riservate compaiono nel menu solo a chi può davvero aprirle.
+const canPiattaforme = user?.role === 'piattaforme' || user?.role === 'admin';
+const inPiattaforme = piattaforme.some((p) => path === p.href || path.startsWith(`${p.href}/`));
+---
+<header class="hdr" id="site-header">
+  <div class="container hdr__in">
+    <a href="/" class="hdr__logo"><img src={contentImageUrl('header.logo.image', '/img/logo-dark.png')} alt={t('header.logo.alt')} width="150" /></a>
+    <nav class="hdr__nav" id="site-nav" aria-label="principale">
+      {site.navigation.map((item, i) => (
+        (!('adminOnly' in item && item.adminOnly) || user?.role === 'admin') && (
+          <a href={item.href} class:list={['hdr__link', { 'is-active': path === item.href || (item.href !== '/' && path.startsWith(item.href)) }]}>{t(`global.nav.${i + 1}.label`)}</a>
+        )
+      ))}
+      {canPiattaforme && (
+        <details class="plat">
+          <summary class:list={['hdr__link', 'hdr__link--bio', 'plat__btn', { 'is-active': inPiattaforme }]}>Piattaforme ▾</summary>
+          <div class="plat__panel">
+            {piattaforme.map((p) => (
+              <a href={p.href} class:list={['plat__item', { 'is-active': path === p.href || path.startsWith(`${p.href}/`) }]}>{p.label}</a>
+            ))}
+          </div>
+        </details>
+      )}
+    </nav>
+    <div class="hdr__user">
+      {user ? (
+        <details class="umenu">
+          <summary class="umenu__btn">{user.username} ▾</summary>
+          <div class="umenu__panel">
+            <a href={areaHref}>Area riservata</a>
+            {canTags && (
+              <button type="button" class="umenu__tags" id="toggle-tags" data-on={showTags ? '1' : '0'}>{showTags ? 'Nascondi tag' : 'Mostra tag'}</button>
+            )}
+            <a href="/admin/logout">Esci</a>
+          </div>
+        </details>
+      ) : (
+        <a class="hdr__login" href={loginHref}>Accedi</a>
+      )}
+    </div>
+    <button class="hdr__burger" id="nav-toggle" aria-label="Apri menu" aria-expanded="false">
+      <span></span><span></span><span></span>
+    </button>
+  </div>
+</header>
+
+<style>
+  .hdr { position: sticky; top: 0; z-index: 100; background: #fff; transition: box-shadow .2s; }
+  .hdr.is-scrolled { box-shadow: 0 2px 14px rgba(0,0,0,.08); }
+  .hdr__in { display: flex; align-items: center; justify-content: space-between; height: var(--header-h); }
+  .hdr__nav { display: flex; gap: 34px; }
+  .hdr__link { font-family: var(--font-heading); font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; color: var(--c-heading); transition: color .3s ease; }
+  .hdr__link:hover, .hdr__link.is-active { color: var(--c-accent-dark); }
+  .hdr__link--bio { color: var(--c-accent-dark); }
+  /* Menu Piattaforme: su desktop è un pannello che scende dalla voce, in mobile —
+     dove la nav è già una colonna — le voci si aprono in linea sotto il titolo. */
+  .plat { position: relative; }
+  .plat__btn { cursor: pointer; list-style: none; }
+  .plat__btn::-webkit-details-marker { display: none; }
+  .plat__panel {
+    position: absolute; left: 0; top: calc(100% + 14px); background: #fff; min-width: 210px;
+    box-shadow: 0 8px 22px rgba(0,0,0,.12); display: flex; flex-direction: column; padding: 8px 0; z-index: 200;
+  }
+  .plat__item { padding: 10px 16px; font-size: .8rem; text-decoration: none; color: var(--c-heading); }
+  .plat__item:hover, .plat__item.is-active { background: #f4f2ef; color: var(--c-accent-dark); }
+  .hdr__burger { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
+  .hdr__burger span { display: block; width: 22px; height: 2px; background: var(--c-heading); margin: 5px 0; }
+  @media (max-width: 991px) {
+    .hdr__nav { display: none; position: absolute; top: var(--header-h); left: 0; right: 0; background: #fff; flex-direction: column; gap: 0; padding: 10px 20px 20px; box-shadow: 0 10px 20px rgba(0,0,0,.08); }
+    .hdr__nav.is-open { display: flex; }
+    .hdr__link { padding: 12px 0; }
+    .hdr__burger { display: block; }
+    .plat__panel { position: static; box-shadow: none; padding: 0 0 8px; min-width: 0; }
+    .plat__item { padding: 10px 0 10px 14px; }
+  }
+  .hdr__user { display: flex; align-items: center; }
+  .hdr__login { font-family: var(--font-heading); font-size: .72rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; text-decoration: none; color: var(--c-heading); }
+  .hdr__login:hover { color: var(--c-accent-dark); }
+  .umenu { position: relative; }
+  .umenu__btn { cursor: pointer; list-style: none; font-family: var(--font-heading); font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--c-heading); }
+  .umenu__btn::-webkit-details-marker { display: none; }
+  .umenu__panel { position: absolute; right: 0; top: calc(100% + 8px); background: #fff; box-shadow: 0 8px 22px rgba(0,0,0,.12); min-width: 180px; display: flex; flex-direction: column; padding: 8px 0; z-index: 200; }
+  .umenu__panel a, .umenu__tags { padding: 10px 16px; text-align: left; background: none; border: 0; cursor: pointer; font: inherit; font-size: .8rem; text-decoration: none; color: var(--c-heading); }
+  .umenu__panel a:hover, .umenu__tags:hover { background: #f4f2ef; }
+</style>
+
+<script>
+  const header = document.getElementById('site-header')!;
+  const toggle = document.getElementById('nav-toggle')!;
+  const nav = document.getElementById('site-nav')!;
+  addEventListener('scroll', () => header.classList.toggle('is-scrolled', scrollY > 10), { passive: true });
+  toggle.addEventListener('click', () => {
+    const open = nav.classList.toggle('is-open');
+    toggle.setAttribute('aria-expanded', String(open));
+  });
+
+  // Il pannello Piattaforme è un <details>: da solo resterebbe aperto anche cliccando altrove.
+  const plat = document.querySelector<HTMLDetailsElement>('.plat');
+  if (plat) {
+    document.addEventListener('click', (e) => {
+      if (plat.open && !plat.contains(e.target as Node)) plat.open = false;
+    });
+    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') plat.open = false; });
+  }
+
+  const tagsBtn = document.getElementById('toggle-tags');
+  if (tagsBtn) {
+    const on = tagsBtn.dataset.on === '1';
+    tagsBtn.addEventListener('click', async () => {
+      const res = await fetch('/api/admin/showtags', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ on: !on }),
+      });
+      if (res.ok) location.reload();
+      else alert('Operazione non riuscita.');
+    });
+  }
+</script>
@@ -0,0 +1,25 @@
+---
+import type { ImageMetadata } from 'astro';
+import { getImage } from 'astro:assets';
+
+interface Props { title: string; eyebrow?: string; bgImage?: ImageMetadata | string }
+const { title, eyebrow, bgImage } = Astro.props;
+const bgUrl = typeof bgImage === 'string' ? bgImage : bgImage ? (await getImage({ src: bgImage, width: 1920 })).src : null;
+---
+<section class:list={['phero', { 'phero--photo': bgUrl }]} style={bgUrl ? `background-image:url(${bgUrl})` : undefined}>
+  <div class="container" data-reveal>
+    {eyebrow && <p class="eyebrow">{eyebrow}</p>}
+    <h1>{title}</h1>
+  </div>
+</section>
+
+<style>
+  /* Banner scuro come nel Figma: ~460px, titolo bianco maiuscolo ~44px */
+  .phero { background: var(--c-dark); min-height: 380px; display: flex; align-items: center; }
+  .phero .container { width: 100%; }
+  .phero h1 { text-transform: uppercase; font-weight: 500; color: #fff; font-size: clamp(2.2rem, 4vw, 2.75rem); letter-spacing: .04em; margin: 0; }
+  .phero--photo { position: relative; background-size: cover; background-position: center; }
+  .phero--photo::before { content: ''; position: absolute; inset: 0; background: rgba(46,32,24,.6); }
+  .phero--photo .container { position: relative; }
+  @media (max-width: 767px) { .phero { min-height: 240px; } }
+</style>
@@ -0,0 +1,31 @@
+---
+import T from '../content/T.astro';
+import { t } from '../../lib/content';
+const stages = [1, 2, 3];
+---
+<section class="section">
+  <div class="container">
+    <div class="section-heading">
+      <T tag="about.storylab.title" as="h2" />
+      <T tag="about.storylab.body" as="p" />
+    </div>
+    <div class="tl">
+      <T tag="about.timeline.label" as="h3" class="tl__label" />
+      <T tag="about.timeline.open-text" as="p" />
+      {stages.map((n) => (
+        <details class="tl__stage">
+          <summary>+ {t(`about.timeline.stage${n}.label`)}</summary>
+          <T tag={`about.timeline.stage${n}.text`} as="p" />
+        </details>
+      ))}
+    </div>
+  </div>
+</section>
+
+<style>
+  .tl { max-width: 720px; margin-inline: auto; }
+  .tl__label { text-transform: uppercase; letter-spacing: .16em; font-size: .9rem; }
+  .tl__stage { border-top: 1px solid #e4ded6; padding-block: 14px; }
+  .tl__stage summary { cursor: pointer; font-family: var(--font-heading); font-size: .82rem; letter-spacing: .16em; text-transform: uppercase; color: var(--c-heading); list-style: none; }
+  .tl__stage summary::-webkit-details-marker { display: none; }
+</style>
@@ -0,0 +1,136 @@
+---
+import { CATEGORIES } from '../../lib/blog-const';
+import type { Post } from '../../lib/posts';
+interface Props { post?: Post }
+const { post } = Astro.props;
+---
+<form id="post-form" data-id={post?.id ?? ''}>
+  <input class="afield" name="title" placeholder="Titolo" required value={post?.title ?? ''} />
+  <input class="afield" name="slug" placeholder="Slug (vuoto = generato dal titolo)" value={post?.slug ?? ''} />
+  <select class="afield" name="category">
+    {CATEGORIES.map((c) => <option value={c} selected={post?.category === c}>{c}</option>)}
+  </select>
+  <textarea class="afield" name="excerpt" placeholder="Estratto (anteprima in lista blog)" maxlength="300">{post?.excerpt ?? ''}</textarea>
+
+  <label>Copertina: <input type="file" id="cover-file" accept="image/*" /></label>
+  <input type="hidden" name="cover" value={post?.cover ?? ''} />
+  <p id="cover-preview">{post?.cover && <img src={post.cover} style="max-width:200px" />}</p>
+
+  <div class="ed-toolbar" id="ed-toolbar">
+    <button type="button" data-cmd="h2">H2</button>
+    <button type="button" data-cmd="h3">H3</button>
+    <button type="button" data-cmd="bold"><b>B</b></button>
+    <button type="button" data-cmd="italic"><i>I</i></button>
+    <button type="button" data-cmd="bullet">• Elenco</button>
+    <button type="button" data-cmd="ordered">1. Elenco</button>
+    <button type="button" data-cmd="quote">" Citazione</button>
+    <button type="button" data-cmd="link">Link</button>
+    <button type="button" data-cmd="image">Immagine</button>
+  </div>
+  <div id="editor" class="ed-body"></div>
+
+  <label><input type="checkbox" name="draft" checked={post ? post.draft === 1 : true} /> Bozza (non visibile sul sito)</label>
+  <p><button class="abtn" type="submit">Salva</button> <span id="save-msg"></span></p>
+</form>
+
+<style>
+  .ed-toolbar { display: flex; gap: 6px; flex-wrap: wrap; background: #fff; border: 1px solid #ccc; border-bottom: 0; padding: 8px; }
+  .ed-toolbar button { background: #eee; border: 1px solid #ccc; padding: 4px 10px; cursor: pointer; }
+  .ed-toolbar button.is-active { background: #b5a48b; color: #fff; }
+  .ed-body { background: #fff; border: 1px solid #ccc; min-height: 340px; padding: 12px 16px; margin-bottom: 14px; }
+  .ed-body :global(.ProseMirror) { outline: none; min-height: 320px; }
+</style>
+
+<script>
+  import { Editor } from '@tiptap/core';
+  import StarterKit from '@tiptap/starter-kit';
+  import Image from '@tiptap/extension-image';
+  import Link from '@tiptap/extension-link';
+
+  const form = document.getElementById('post-form') as HTMLFormElement;
+  const initial = (document.getElementById('initial-body') as HTMLScriptElement | null)?.textContent ?? '';
+
+  const editor = new Editor({
+    element: document.getElementById('editor')!,
+    extensions: [
+      StarterKit.configure({ heading: { levels: [2, 3] } }),
+      Image,
+      Link.configure({ openOnClick: false }),
+    ],
+    content: initial,
+  });
+
+  async function uploadFile(file: File): Promise<string | null> {
+    const fd = new FormData();
+    fd.append('file', file);
+    const res = await fetch('/api/admin/upload', { method: 'POST', body: fd });
+    if (!res.ok) { alert('Upload non riuscito.'); return null; }
+    return (await res.json()).url;
+  }
+
+  document.getElementById('ed-toolbar')!.addEventListener('click', async (e) => {
+    const btn = (e.target as HTMLElement).closest('button');
+    if (!btn) return;
+    const c = editor.chain().focus();
+    switch (btn.dataset.cmd) {
+      case 'h2': c.toggleHeading({ level: 2 }).run(); break;
+      case 'h3': c.toggleHeading({ level: 3 }).run(); break;
+      case 'bold': c.toggleBold().run(); break;
+      case 'italic': c.toggleItalic().run(); break;
+      case 'bullet': c.toggleBulletList().run(); break;
+      case 'ordered': c.toggleOrderedList().run(); break;
+      case 'quote': c.toggleBlockquote().run(); break;
+      case 'link': {
+        const url = prompt('URL del link:');
+        if (url) c.setLink({ href: url }).run();
+        break;
+      }
+      case 'image': {
+        const input = document.createElement('input');
+        input.type = 'file'; input.accept = 'image/*';
+        input.onchange = async () => {
+          const url = input.files?.[0] && await uploadFile(input.files[0]);
+          if (url) editor.chain().focus().setImage({ src: url }).run();
+        };
+        input.click();
+        break;
+      }
+    }
+  });
+
+  document.getElementById('cover-file')!.addEventListener('change', async (e) => {
+    const file = (e.target as HTMLInputElement).files?.[0];
+    if (!file) return;
+    const url = await uploadFile(file);
+    if (url) {
+      (form.elements.namedItem('cover') as HTMLInputElement).value = url;
+      document.getElementById('cover-preview')!.innerHTML = `<img src="${url}" style="max-width:200px">`;
+    }
+  });
+
+  form.addEventListener('submit', async (e) => {
+    e.preventDefault();
+    const id = form.dataset.id;
+    const body = {
+      title: (form.elements.namedItem('title') as HTMLInputElement).value,
+      slug: (form.elements.namedItem('slug') as HTMLInputElement).value,
+      category: (form.elements.namedItem('category') as HTMLSelectElement).value,
+      excerpt: (form.elements.namedItem('excerpt') as HTMLTextAreaElement).value,
+      cover: (form.elements.namedItem('cover') as HTMLInputElement).value || null,
+      draft: (form.elements.namedItem('draft') as HTMLInputElement).checked,
+      body_html: editor.getHTML(),
+    };
+    const res = await fetch(id ? `/api/admin/posts/${id}` : '/api/admin/posts', {
+      method: id ? 'PUT' : 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    const msg = document.getElementById('save-msg')!;
+    if (res.ok) {
+      msg.textContent = 'Salvato ✓';
+      if (!id) location.href = '/admin';
+    } else {
+      msg.textContent = (await res.json()).error ?? 'Errore di salvataggio';
+    }
+  });
+</script>
@@ -0,0 +1,26 @@
+---
+import { getDb } from '../../lib/db';
+import { listRecent, listArchiveMonths } from '../../lib/posts';
+import { CATEGORIES } from '../../lib/blog-const';
+const db = getDb();
+const recent = listRecent(db, 4);
+const months = listArchiveMonths(db);
+const monthLabel = (m: string) => new Intl.DateTimeFormat('it-IT', { month: 'long', year: 'numeric' }).format(new Date(`${m}-01`));
+---
+<aside class="bside">
+  <h3>Categorie</h3>
+  {CATEGORIES.map((c) => <p><a href={`/blog?categoria=${encodeURIComponent(c)}`}>{c}</a></p>)}
+  <h3>Ultimi articoli</h3>
+  {recent.map((p) => (
+    <p><a href={`/blog/${p.slug}`}>{p.title}</a></p>
+  ))}
+  <h3>Archivio</h3>
+  {months.map((m) => <p class="bside__month">{monthLabel(m.month)} ({m.count})</p>)}
+</aside>
+
+<style>
+  .bside h3 { font-size: .85rem; text-transform: uppercase; letter-spacing: .16em; margin-top: 30px; }
+  .bside a { text-decoration: none; color: var(--c-text); }
+  .bside a:hover { color: var(--c-accent-dark); }
+  .bside__month { text-transform: capitalize; }
+</style>
@@ -0,0 +1,11 @@
+---
+import { resolveContent } from '../../lib/content';
+interface Props { tag: string; as?: string; class?: string }
+const { tag, as = 'span', class: cls } = Astro.props;
+const Tag = as;
+const c = resolveContent(tag);
+const classes = [cls, c.classes].filter(Boolean).join(' ') || undefined;
+---
+{c.type === 'html'
+  ? <Tag data-tag={tag} data-guid={c.guid || undefined} class={classes} set:html={c.value} />
+  : <Tag data-tag={tag} data-guid={c.guid || undefined} class={classes}>{c.value}</Tag>}
@@ -0,0 +1,16 @@
+---
+import { Image } from 'astro:assets';
+import type { ImageMetadata } from 'astro';
+import { resolveContent } from '../../lib/content';
+interface Props {
+  tag: string; src: ImageMetadata; alt: string;
+  class?: string; loading?: 'lazy' | 'eager'; widths?: number[]; sizes?: string; height?: number;
+}
+const { tag, src, alt, class: cls, ...rest } = Astro.props;
+const c = resolveContent(tag);
+const override = c.type === 'image' && c.value ? `/uploads/${c.value}` : null;
+const guid = c.guid || undefined;
+---
+{override
+  ? <img src={override} alt={alt} class={cls} data-tag={tag} data-guid={guid} loading={rest.loading} />
+  : <Image src={src} alt={alt} class={cls} data-tag={tag} data-guid={guid} {...rest} />}
@@ -0,0 +1,34 @@
+---
+import featPerformance from '../../assets/img/feature-performance.jpg';
+import featBalance from '../../assets/img/feature-balance.jpg';
+import featLongevity from '../../assets/img/feature-longevity.jpg';
+import T from '../content/T.astro';
+import TImg from '../content/TImg.astro';
+import { t } from '../../lib/content';
+const blocks = [
+  { key: 'performance', image: featPerformance, reverse: false },
+  { key: 'balance', image: featBalance, reverse: true },
+  { key: 'longevity', image: featLongevity, reverse: false },
+];
+---
+<section class="section">
+  <div class="container">
+    {blocks.map((b) => (
+      <div class:list={['feat', { 'feat--reverse': b.reverse }]}>
+        <TImg tag={`home.feature.${b.key}.image`} src={b.image} alt={t(`home.feature.${b.key}.title`)} class="feat__img" widths={[500, 900]} sizes="(max-width: 767px) 100vw, 45vw" data-reveal={b.reverse ? 'right' : 'left'} />
+        <div class="feat__text" data-reveal={b.reverse ? 'left' : 'right'}>
+          <T tag={`home.feature.${b.key}.title`} as="h2" />
+          <T tag={`home.feature.${b.key}.body`} as="p" />
+          <a class="btn" href="/services">{t(`home.feature.${b.key}.cta`)}</a>
+        </div>
+      </div>
+    ))}
+  </div>
+</section>
+
+<style>
+  .feat { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 40px; }
+  .feat--reverse .feat__img { order: 2; }
+  .feat__text h2 { text-transform: uppercase; letter-spacing: .1em; }
+  @media (max-width: 767px) { .feat { grid-template-columns: 1fr; gap: 24px; } .feat--reverse .feat__img { order: 0; } }
+</style>
@@ -0,0 +1,72 @@
+---
+// Foto hero rimossa ma conservata su disco per riuso futuro: assets/img/hero-1.png
+import T from '../content/T.astro';
+import { t } from '../../lib/content';
+const slides = [
+  { titleTags: ['home.hero.title-line-1', 'home.hero.title-line-2', 'home.hero.title-line-3'] },
+];
+---
+<section class="hero" aria-label="presentazione">
+  {slides.map((s, i) => (
+    <div class:list={['hero__slide', { 'is-active': i === 0 }]}>
+      <div class="container hero__in">
+        <div class="hero__text">
+          <h1>{s.titleTags.map((tag) => <T tag={tag} as="span" class="hero__line" />)}</h1>
+          <a class="btn" href="/services">{t('home.hero.cta')}</a>
+        </div>
+      </div>
+    </div>
+  ))}
+  {slides.length > 1 && (
+    <>
+      <button class="hero__arrow hero__arrow--prev" aria-label="precedente">‹</button>
+      <button class="hero__arrow hero__arrow--next" aria-label="successiva">›</button>
+    </>
+  )}
+</section>
+
+<style>
+  .hero { position: relative; background:
+    repeating-linear-gradient(to bottom, transparent 0 10px, rgba(0,0,0,.05) 10px 11px) left top / 40% 60% no-repeat, #fff; }
+  .hero__slide { display: none; }
+  .hero__slide.is-active { display: block; }
+  /* Come nel Figma: figure a piena altezza ancorate in basso a destra,
+     testo sovrapposto sulla sinistra. */
+  .hero__in { position: relative; display: flex; align-items: center; min-height: 0; padding-block: 90px; }
+  /* Lo span .hero__line è reso dal componente <T> e non riceve il data-astro-cid
+     di questo componente: si ancora a .hero__text (che il cid ce l'ha) + :global. */
+  .hero__text h1 :global(.hero__line) { display: block; }
+  .hero__text { position: relative; z-index: 1; max-width: 640px; }
+  .hero__text h1 { font-weight: 500; }
+  .hero__arrow { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: 0; font-size: 3rem; color: var(--c-heading); cursor: pointer; }
+  .hero__arrow--prev { left: 12px; } .hero__arrow--next { right: 12px; }
+  @media (max-width: 991px) {
+    .hero__in { flex-direction: column; align-items: flex-start; padding-block: 40px; min-height: 0; gap: 24px; }
+    .hero__text { max-width: none; }
+  }
+
+  /* Ingresso al load stile Slider Revolution del template */
+  @keyframes hero-up { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: none; } }
+  :global(html.js) .hero__text h1 :global(.hero__line) { opacity: 0; animation: hero-up .8s ease forwards; }
+  :global(html.js) .hero__text h1 :global(.hero__line:nth-child(1)) { animation-delay: .15s; }
+  :global(html.js) .hero__text h1 :global(.hero__line:nth-child(2)) { animation-delay: .3s; }
+  :global(html.js) .hero__text h1 :global(.hero__line:nth-child(3)) { animation-delay: .45s; }
+  :global(html.js) .hero__text .btn { opacity: 0; animation: hero-up .8s ease .7s forwards; }
+  @media (prefers-reduced-motion: reduce) {
+    :global(html.js) .hero__text h1 :global(.hero__line), :global(html.js) .hero__text .btn { opacity: 1; animation: none; }
+  }
+</style>
+
+<script>
+  const slides = document.querySelectorAll('.hero__slide');
+  if (slides.length > 1) {
+    let cur = 0;
+    const show = (i: number) => {
+      slides[cur].classList.remove('is-active');
+      cur = (i + slides.length) % slides.length;
+      slides[cur].classList.add('is-active');
+    };
+    document.querySelector('.hero__arrow--prev')?.addEventListener('click', () => show(cur - 1));
+    document.querySelector('.hero__arrow--next')?.addEventListener('click', () => show(cur + 1));
+  }
+</script>
@@ -0,0 +1,32 @@
+---
+import { getImage } from 'astro:assets';
+import infoPerformance from '../../assets/img/info-performance.jpg';
+import infoBalance from '../../assets/img/info-balance.jpg';
+import infoLongevity from '../../assets/img/info-longevity.jpg';
+import T from '../content/T.astro';
+import { contentImageUrl } from '../../lib/content';
+// getImage garantisce l'emissione dell'asset anche quando il file è byte-identico
+// ad altri import (Astro dedupa e non emette l'originale usato solo come background).
+const cols = await Promise.all([
+  { titleTag: 'home.info.col1.title', imageTag: 'home.info.col1.image', image: infoPerformance },
+  { titleTag: 'home.info.col2.title', imageTag: 'home.info.col2.image', image: infoBalance },
+  { titleTag: 'home.info.col3.title', imageTag: 'home.info.col3.image', image: infoLongevity },
+].map(async (c) => ({ ...c, bg: contentImageUrl(c.imageTag, (await getImage({ src: c.image, width: 1200 })).src) })));
+---
+<section class="info" aria-label="pilastri">
+  {cols.map((c, i) => (
+    <a class="info__col" href="/services" style={`background-image:url(${c.bg});--reveal-delay:${i * 0.15}s`} data-reveal="fade" data-tag={c.imageTag}>
+      <T tag={c.titleTag} as="span" class="info__title" />
+    </a>
+  ))}
+</section>
+
+<style>
+  .info { display: grid; grid-template-columns: repeat(3, 1fr); }
+  /* Proporzioni Figma: colonna 413x308 su frame 1209 — l'altezza scala con la larghezza */
+  .info__col { position: relative; aspect-ratio: 413 / 308; min-height: 320px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-decoration: none; }
+  .info__col::before { content: ''; position: absolute; inset: 0; background: rgba(30,24,20,.35); transition: background .2s; }
+  .info__col:hover::before { background: rgba(30,24,20,.15); }
+  .info__title { position: relative; color: #fff; font-family: var(--font-heading); font-weight: 600; letter-spacing: .1em; font-size: 1.1rem; }
+  @media (max-width: 767px) { .info { grid-template-columns: 1fr; } .info__col { aspect-ratio: auto; } }
+</style>
@@ -0,0 +1,55 @@
+---
+import type { ImageMetadata } from 'astro';
+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>
+      <T tag="home.method.title" as="h2" />
+      <T tag="method.intro" as="p" />
+    </div>
+    <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) && <TImg tag={`method.step.${s.n}.image`} src={imgOf(s.image)!} alt="" widths={[220]} sizes="220px" />}
+            <span>{s.n}</span>
+          </div>
+          <T tag={`method.step.${s.n}.title`} as="h3" />
+          <T tag={`method.step.${s.n}.text`} as="p" />
+        </div>
+      ))}
+    </div>
+    <div class="method__cta" data-reveal>
+      <a class="btn btn--dark" href="/contact"><T tag="home.method.cta" as="span" /></a>
+    </div>
+  </div>
+</section>
+
+<style>
+  .method__note { text-align: right; font-size: .8rem; color: var(--c-text-light); max-width: 260px; margin-left: auto; }
+  .method__cta { text-align: center; margin-top: 48px; }
+  .method__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; text-align: center; position: relative; }
+  .method__circle { position: relative; width: 150px; height: 150px; margin: 0 auto 20px; border: 1px dashed var(--c-accent-dark); border-radius: 50%; padding: 8px; }
+  /* :global(img) perché gli <img> di override resi da <TImg> non ereditano il cid
+     del componente: senza questo la regola scoped non li raggiungerebbe. */
+  .method__circle :global(img) { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; }
+  .method__circle span { position: absolute; top: -6px; left: -6px; font-family: var(--font-heading); font-size: 2.4rem; color: var(--c-heading); background: var(--c-bg-alt); padding: 0 8px; }
+  .method__step h3 { font-size: .85rem; text-transform: uppercase; letter-spacing: .14em; }
+  .method__step p { font-size: .85rem; color: var(--c-text-light); }
+  @media (max-width: 767px) {
+    /* una colonna con lo step in orizzontale: a due colonne i titoli lunghi
+       si spezzavano su quattro righe. */
+    .method__row { grid-template-columns: 1fr; gap: 28px; text-align: left; }
+    .method__step { display: grid; grid-template-columns: 104px 1fr; column-gap: 18px; align-items: start; }
+    .method__circle { width: 104px; height: 104px; margin: 0; grid-row: 1 / span 2; }
+    .method__circle span { font-size: 1.8rem; top: -4px; left: -4px; }
+    .method__step h3 { margin-top: 4px; }
+    .method__note { text-align: left; margin-left: 0; max-width: none; }
+  }
+</style>
@@ -0,0 +1,24 @@
+---
+import type { ImageMetadata } from 'astro';
+import { partners } from '../../data/partners';
+import TImg from '../content/TImg.astro';
+import { t } from '../../lib/content';
+const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/partner-*.{jpg,png}', { eager: true });
+const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(name))?.[1].default;
+---
+<section class="pstrip" aria-label="partner">
+  <div class="container pstrip__in" data-reveal="fade">
+    {partners.map((p, i) => imgOf(p.image) && <TImg tag={`partner.${i + 1}.image`} src={imgOf(p.image)!} alt={t(`partner.${i + 1}.name`)} height={44} />)}
+  </div>
+</section>
+
+<style>
+  .pstrip { background: var(--c-accent); padding-block: 40px; }
+  .pstrip__in { display: flex; align-items: center; justify-content: space-around; gap: 30px; flex-wrap: wrap; }
+  .pstrip img { height: 44px; width: auto; opacity: .9; }
+  @media (max-width: 767px) {
+    .pstrip { padding-block: 28px; }
+    .pstrip__in { justify-content: center; gap: 20px 28px; }
+    .pstrip img { height: 30px; }
+  }
+</style>
@@ -0,0 +1,44 @@
+---
+import { getImage } from 'astro:assets';
+import quoteBgSrc from '../../assets/img/quote-bg.jpg';
+import { t, contentImageUrl } from '../../lib/content';
+const quoteBg = contentImageUrl('home.quote.image', (await getImage({ src: quoteBgSrc, width: 1920 })).src);
+---
+<section class="quote" data-parallax>
+  <div class="quote__bg" style={`background-image:url(${quoteBg})`} data-tag="home.quote.image"></div>
+  <div class="quote__in">
+    <p class="quote__mark">“</p>
+    <blockquote>
+      <div class="quote__marquee">
+        <p class="quote__track">
+          <span class="quote__seg" data-tag="home.quote.text" set:html={t('home.quote.text')} />
+          <span class="quote__seg" aria-hidden="true" data-tag="home.quote.text" set:html={t('home.quote.text')} />
+        </p>
+      </div>
+      <cite data-tag="home.quote.cite">{t('home.quote.cite')}</cite>
+    </blockquote>
+  </div>
+</section>
+
+<style>
+  .quote { position: relative; overflow: hidden; text-align: center; }
+  /* Sfondo su div dedicato, esteso oltre i bordi per il margine di corsa del parallax */
+  .quote__bg { position: absolute; inset: -120px 0; background-size: cover; background-position: center; transform: translateY(var(--parallax-y, 0)); will-change: transform; }
+  .quote__bg::after { content: ''; position: absolute; inset: 0; background: rgba(46,32,24,.82); }
+  .quote__in { position: relative; padding-block: 110px; }
+  .quote__mark { color: #fff; font-size: 4rem; font-family: var(--font-heading); margin: 0; line-height: 1; }
+  .quote blockquote { margin: 0; }
+  /* Marquee: testo a scorrimento infinito come il ticker del template */
+  .quote__marquee { overflow: hidden; white-space: nowrap; }
+  .quote__track { display: inline-flex; margin: 0; animation: quote-scroll 30s linear infinite; will-change: transform; }
+  .quote__marquee:hover .quote__track { animation-play-state: paused; }
+  .quote__seg { padding-right: 4em; color: #fff; font-family: var(--font-heading); font-size: clamp(1.1rem, 2.4vw, 1.6rem); letter-spacing: .06em; line-height: 1.6; }
+  @keyframes quote-scroll { to { transform: translateX(-50%); } }
+  .quote cite { display: block; margin-top: 24px; color: var(--c-accent); font-style: normal; font-family: var(--font-heading); font-size: .75rem; letter-spacing: .3em; text-transform: uppercase; }
+  @media (prefers-reduced-motion: reduce) {
+    .quote__track { animation: none; white-space: normal; display: block; max-width: 820px; margin-inline: auto; padding-inline: 20px; }
+    .quote__seg { padding-right: 0; }
+    .quote__seg[aria-hidden] { display: none; }
+    .quote__bg { transform: none; }
+  }
+</style>
@@ -0,0 +1,40 @@
+---
+import { services } from '../../data/services';
+import { serviceIcons as icons } from '../../data/service-icons';
+import T from '../content/T.astro';
+
+// Stessa convenzione di /services: le voci con grid:false (Small Group, Rehab,
+// Holistic Class, Reformer Class) sono approfondimenti dei riquadri Training e
+// non compaiono nella griglia Servizi.
+const gridServices = services.filter((p) => p.grid !== false);
+---
+<section class="section">
+  <div class="container">
+    <div class="section-heading" data-reveal>
+      <T tag="home.services.title" as="h2" />
+      <T tag="home.services.body" as="p" />
+    </div>
+    <div class="pgrid">
+      {gridServices.map((p, i) => (
+        <a class="pgrid__item" href={`/services/${p.slug}`} data-reveal style={`--reveal-delay:${(i % 3) * 0.15}s`}>
+          <svg viewBox="0 0 24 24" fill="none" stroke="var(--c-accent-dark)" stroke-width="1.4" width="52" height="52" aria-hidden="true"><path d={icons[p.slug]} /></svg>
+          <T tag={`service.${p.slug}.title`} as="h3" />
+          <T tag={`service.${p.slug}.subtitle`} as="p" />
+        </a>
+      ))}
+    </div>
+  </div>
+</section>
+
+<style>
+  .pgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px 40px; text-align: center; }
+  .pgrid__item { text-decoration: none; transition: transform .3s ease; }
+  .pgrid__item:hover { transform: translateY(-4px); }
+  .pgrid__item:hover h3 { color: var(--c-accent-dark); }
+  .pgrid__item h3 { transition: color .3s ease; }
+  .pgrid__item svg { margin-inline: auto; }
+  .pgrid__item h3 { text-transform: uppercase; letter-spacing: .12em; font-size: .95rem; margin: 18px 0 6px; }
+  .pgrid__item p { font-size: .85rem; color: var(--c-text-light); margin: 0; }
+  @media (max-width: 767px) { .pgrid { grid-template-columns: 1fr 1fr; } }
+  @media (max-width: 480px) { .pgrid { grid-template-columns: 1fr; } }
+</style>
@@ -0,0 +1,40 @@
+---
+import type { ImageMetadata } from 'astro';
+import { team, homeTeam } from '../../data/team';
+import T from '../content/T.astro';
+import TImg from '../content/TImg.astro';
+import { t } from '../../lib/content';
+const images = import.meta.glob<{ default: ImageMetadata }>('../../assets/img/team-*.{jpg,png}', { eager: true });
+const members = homeTeam.map((short) => team.find((m) => m.shortName === short)!).filter((m) => m.image);
+const imgOf = (name: string) => Object.entries(images).find(([p]) => p.includes(`${name}.`))?.[1].default;
+---
+<section class="section">
+  <div class="container">
+    <div class="tteam__head" data-reveal>
+      <T tag="home.team.title" as="h2" />
+      <a class="btn" href="/about"><T tag="home.team.cta" as="span" /></a>
+    </div>
+    <div class="tteam__grid">
+      {members.map((m, i) => {
+        const slug = m.shortName.toLowerCase();
+        return (
+          <figure class="tteam__card" data-reveal style={`--reveal-delay:${i * 0.12}s`}>
+            <TImg tag={`team.${slug}.image`} src={imgOf(m.image!)!} alt={t(`team.${slug}.name`)} widths={[300, 500]} sizes="(max-width: 767px) 50vw, 25vw" />
+            <T tag={`team.${slug}.short-name`} as="figcaption" />
+          </figure>
+        );
+      })}
+    </div>
+  </div>
+</section>
+
+<style>
+  .tteam__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
+  .tteam__head h2 { text-transform: uppercase; letter-spacing: .1em; margin: 0; }
+  .tteam__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
+  .tteam__card { position: relative; margin: 0; overflow: hidden; }
+  .tteam__card img { aspect-ratio: 3/4; object-fit: cover; width: 100%; transition: transform .5s ease; }
+  .tteam__card:hover img { transform: scale(1.06); }
+  .tteam__card figcaption { position: absolute; right: 10px; bottom: 14px; background: #fff; padding: 10px 6px; writing-mode: vertical-rl; font-family: var(--font-heading); font-size: .62rem; letter-spacing: .3em; text-transform: uppercase; color: var(--c-accent-dark); }
+  @media (max-width: 767px) { .tteam__grid { grid-template-columns: 1fr 1fr; } }
+</style>
@@ -0,0 +1,60 @@
+---
+import type { ImageMetadata } from 'astro';
+import { trainings } from '../../data/trainings';
+import T from '../content/T.astro';
+import TImg from '../content/TImg.astro';
+import { t } from '../../lib/content';
+// `items` permette di mostrare solo una parte dei training (le viste di /training):
+// senza, la fascia di card resterebbe l'elenco intero sopra ai blocchi filtrati.
+interface Props { items?: readonly (typeof trainings)[number][] }
+const { items = trainings } = Astro.props;
+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;
+const tones = ['taupe', 'tan', 'dark', 'charcoal'];
+// riga 1 (training 0-1): card, foto  |  riga 2 (training 2-3): foto, card
+const isSwapRow = (i: number) => Math.floor(i / 2) % 2 === 1;
+---
+<section class="tcards">
+  {items.map((tr, i) => {
+    const img = imgOf(tr.image);
+    const card = (
+      <div class:list={['tcards__cell', `tcards__cell--${tones[i % tones.length]}`]} data-reveal="fade" style={`--reveal-delay:${(i % 2) * 0.15}s`}>
+        <T tag={`training.${tr.id}.title`} as="h3" />
+        <T tag={`training.${tr.id}.caption`} as="p" />
+        <a class="tcards__link" href={tr.cta.href}><T tag="home.training-cards.link-label" as="span" /> →</a>
+      </div>
+    );
+    const photo = img ? (
+      <div class="tcards__photo" data-reveal="fade" style={`--reveal-delay:${((i % 2) * 0.15 + 0.1).toFixed(2)}s`}>
+        <TImg tag={`training.${tr.id}.image`} src={img} alt={t(`training.${tr.id}.title`)} class="tcards__img" widths={[400, 700]} sizes="(max-width: 767px) 50vw, 25vw" />
+      </div>
+    ) : null;
+    return isSwapRow(i) ? <>{photo}{card}</> : <>{card}{photo}</>;
+  })}
+</section>
+
+<style>
+  .tcards { display: grid; grid-template-columns: repeat(4, 1fr); }
+  .tcards__cell { padding: 48px 36px; display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1; }
+  .tcards__cell--taupe { background: #6b5d5b; }
+  .tcards__cell--dark { background: var(--c-dark); }
+  .tcards__cell--charcoal { background: #27252a; }
+  .tcards__cell--taupe h3, .tcards__cell--taupe p,
+  .tcards__cell--dark h3, .tcards__cell--dark p,
+  .tcards__cell--charcoal h3, .tcards__cell--charcoal p { color: #efe9e3; }
+  .tcards__cell--tan { background: var(--c-accent); }
+  .tcards__cell--tan h3, .tcards__cell--tan p { color: #fff; }
+  .tcards__cell h3 { text-transform: uppercase; letter-spacing: .12em; }
+  .tcards__cell p { font-size: .88rem; }
+  .tcards__link { color: #fff; font-family: var(--font-heading); font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; margin-top: 18px; }
+  .tcards__photo { overflow: hidden; }
+  .tcards__img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; transition: transform .5s ease; }
+  .tcards__photo:hover .tcards__img { transform: scale(1.06); }
+  @media (max-width: 767px) {
+    .tcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+    .tcards__cell { padding: 22px 16px; }
+    .tcards__cell h3 { font-size: 1rem; letter-spacing: .08em; }
+    .tcards__cell p { font-size: .74rem; }
+    .tcards__link { font-size: .62rem; letter-spacing: .14em; margin-top: 12px; }
+  }
+</style>
@@ -0,0 +1,37 @@
+---
+// La carta di un macro-score (Performance/Energy/Recovery). Stesso principio del radar:
+// il numero se il dato basta, un trattino se no — MAI uno zero, che si leggerebbe come
+// "hai zero" invece di "non lo sappiamo ancora". Il bordo tratteggiato (.lg-card--incompleto,
+// dal Task 1) è lo stesso linguaggio visivo del radar: non una convenzione nuova per le carte.
+// L'etichetta si deriva dal nome del contenitore (dato, letto da vista.ts), non da un
+// elenco scritto qui: PERFORMANCE/ENERGY/RECOVERY diventano Performance/Energy/Recovery
+// con una trasformazione, non con un dizionario da tenere allineato a mano.
+import { formattaNumero } from '../../lib/longevity/formato';
+
+interface Props {
+  nome: string;
+  valore: number | null;
+  copertura: number;
+}
+const { nome, valore, copertura } = Astro.props;
+const etichetta = nome.charAt(0) + nome.slice(1).toLowerCase();
+// L'intensità dell'accento (mai un colore diverso, Task 1): minimo 0.15 così una carta
+// nota ma bassa resta comunque leggibile, non sparisce nello sfondo.
+const intensita = valore !== null ? Math.max(valore / 100, 0.15) : 0;
+---
+<div class:list={['lg-card', 'lg-macro__card', { 'lg-card--incompleto': valore === null }]}>
+  <p class="lg-score__label">{etichetta}</p>
+  <div class="lg-score">
+    <span class="lg-score__value lg-num">{valore !== null ? formattaNumero(valore) : '—'}</span>
+    <span class="lg-score__max">/ 100</span>
+  </div>
+  <div class="lg-score__bar">
+    <span
+      class="lg-score__bar-fill"
+      style={`width:${valore !== null ? valore : 0}%; --lg-intensita:${intensita}`}
+    ></span>
+  </div>
+  <p class="lg-muted lg-macro__nota">
+    Copertura dati: {Math.round(copertura * 100)}%{valore === null && ' — non ancora sufficiente per un numero.'}
+  </p>
+</div>
@@ -0,0 +1,192 @@
+// Il questionario in pagina: quattro schermate — le tre aree di domande punteggiate,
+// lette dal registro (props `campi`, costruite da `campiDelQuestionario`), più le note
+// libere e il consenso. Avanti/indietro fra i blocchi, invio solo sull'ultimo.
+//
+// Il consenso qui NON blocca lato client la scelta "No": bloccarlo qui ripeterebbe
+// l'errore del prototipo del cliente in un altro punto (un controllo che sembra
+// proteggere e non protegge). La verifica che conta è quella del server
+// (src/lib/longevity/vista.ts, salvaDalForm): se il consenso non è affermativo, la
+// compilazione non si salva e la risposta lo dice — questa isola si limita a mostrarlo.
+import { useMemo, useState } from 'react';
+import type { CampoQuestionario } from '../../lib/longevity/vista';
+
+interface Props {
+  campi: CampoQuestionario[];
+}
+
+const CAMPI_LIBERI: { id: string; etichetta: string }[] = [
+  { id: 'farmaci', etichetta: 'Farmaci assunti abitualmente' },
+  { id: 'problematiche_attuali', etichetta: 'Problematiche di salute attuali' },
+  { id: 'problematiche_pregresse', etichetta: 'Problematiche di salute pregresse' },
+  { id: 'obiettivi', etichetta: 'Obiettivi del percorso' },
+];
+
+const BLOCCHI = [
+  { titolo: 'Sonno & Recupero', sottoDominio: 'questionario_sonno' },
+  { titolo: 'Energia & Stress', sottoDominio: 'questionario_energia_stress' },
+  { titolo: 'Stile di Vita', sottoDominio: 'questionario_lifestyle' },
+] as const;
+
+type Esito = { tipo: 'ok'; sessioneId: number } | { tipo: 'errore'; messaggio: string };
+
+export default function Questionario({ campi }: Props) {
+  const [passo, setPasso] = useState(0);
+  const [risposte, setRisposte] = useState<Record<string, string>>({});
+  const [liberi, setLiberi] = useState<Record<string, string>>({});
+  const [consenso, setConsenso] = useState<'' | 'Si' | 'No'>('');
+  const [eta, setEta] = useState('');
+  const [inviando, setInviando] = useState(false);
+  const [esito, setEsito] = useState<Esito | null>(null);
+
+  // Le domande arrivano dal registro in ordine di test_id, non raggruppate: qui si
+  // ricostruiscono i tre blocchi filtrando sul sotto-dominio, senza toccare i dati.
+  const gruppi = useMemo(
+    () => BLOCCHI.map((b) => ({ ...b, campi: campi.filter((c) => c.sottoDominio === b.sottoDominio) })),
+    [campi]
+  );
+
+  // Il tipo dichiarato nel registro per ciascun campo: serve sia per scegliere il tipo di
+  // input (numero o testo) sia, all'invio, per non trattare una risposta testuale come un
+  // numero da scartare in silenzio.
+  const tipoDiCampo = useMemo(() => new Map(campi.map((c) => [c.id, c.tipo])), [campi]);
+
+  const totalePassi = gruppi.length + 1; // + il blocco note/consenso
+  const ultimo = passo === totalePassi - 1;
+
+  async function invia() {
+    setInviando(true);
+    setEsito(null);
+
+    const risposteNumeriche: Record<string, number> = {};
+    for (const [id, v] of Object.entries(risposte)) {
+      // Le domande testuali (tipo_valore='txt' nel registro) non sono ancora agganciate
+      // al salvataggio numerico: oggi non esistono nel questionario (i 20 campi attivi
+      // sono tutti 'num'), ma se un domani ne comparisse una non va convertita in NaN e
+      // scartata in silenzio — resta fuori esplicitamente.
+      if (tipoDiCampo.get(id) === 'txt') continue;
+      const n = Number(v);
+      if (v !== '' && Number.isFinite(n)) risposteNumeriche[id] = n;
+    }
+
+    try {
+      const res = await fetch('/api/longevity/questionario', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          risposte: risposteNumeriche,
+          liberi,
+          consensoSanitario: consenso,
+          eta: eta === '' ? undefined : Number(eta),
+        }),
+      });
+      const corpo = await res.json();
+      if (res.ok) setEsito({ tipo: 'ok', sessioneId: corpo.sessioneId });
+      else setEsito({ tipo: 'errore', messaggio: corpo.error ?? 'Invio non riuscito.' });
+    } catch {
+      setEsito({ tipo: 'errore', messaggio: 'Invio non riuscito: verifica la connessione.' });
+    } finally {
+      setInviando(false);
+    }
+  }
+
+  if (esito?.tipo === 'ok') {
+    return (
+      <div className="lg-card">
+        <p>Questionario salvato, grazie.</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="lg-form">
+      <p className="lg-form__passo">Passo {passo + 1} di {totalePassi}</p>
+
+      {passo < gruppi.length && (
+        <section className="lg-form__blocco">
+          <h2>{gruppi[passo].titolo}</h2>
+          {gruppi[passo].campi.map((c) => (
+            <label className="lg-field" key={c.id}>
+              <span>{c.etichetta}{c.unita ? ` (${c.unita})` : ''}</span>
+              {c.tipo === 'txt' ? (
+                <input
+                  type="text"
+                  value={risposte[c.id] ?? ''}
+                  onChange={(e) => setRisposte((r) => ({ ...r, [c.id]: e.target.value }))}
+                />
+              ) : (
+                <input
+                  type="number"
+                  min={c.min}
+                  max={c.max}
+                  step="any"
+                  value={risposte[c.id] ?? ''}
+                  onChange={(e) => setRisposte((r) => ({ ...r, [c.id]: e.target.value }))}
+                />
+              )}
+            </label>
+          ))}
+        </section>
+      )}
+
+      {ultimo && (
+        <section className="lg-form__blocco">
+          <h2>Note e consenso</h2>
+
+          {CAMPI_LIBERI.map((c) => (
+            <label className="lg-field" key={c.id}>
+              <span>{c.etichetta}</span>
+              <textarea
+                value={liberi[c.id] ?? ''}
+                onChange={(e) => setLiberi((l) => ({ ...l, [c.id]: e.target.value }))}
+              />
+            </label>
+          ))}
+
+          <label className="lg-field">
+            <span>La tua età</span>
+            <input type="number" min={0} max={120} value={eta} onChange={(e) => setEta(e.target.value)} />
+          </label>
+
+          <fieldset className="lg-field lg-field--consenso">
+            <legend>
+              Acconsenti al trattamento dei tuoi dati sanitari (farmaci, patologie, pressione,
+              composizione corporea) per il monitoraggio del percorso?
+            </legend>
+            <label>
+              <input
+                type="radio" name="consenso" checked={consenso === 'Si'}
+                onChange={() => setConsenso('Si')}
+              />
+              Sì, acconsento
+            </label>
+            <label>
+              <input
+                type="radio" name="consenso" checked={consenso === 'No'}
+                onChange={() => setConsenso('No')}
+              />
+              No, non acconsento
+            </label>
+          </fieldset>
+
+          {esito?.tipo === 'errore' && <p className="lg-form__errore">{esito.messaggio}</p>}
+        </section>
+      )}
+
+      <div className="lg-form__nav">
+        <button type="button" disabled={passo === 0} onClick={() => setPasso((p) => Math.max(0, p - 1))}>
+          Indietro
+        </button>
+        {!ultimo && (
+          <button type="button" onClick={() => setPasso((p) => Math.min(totalePassi - 1, p + 1))}>
+            Avanti
+          </button>
+        )}
+        {ultimo && (
+          <button type="button" disabled={inviando || consenso === ''} onClick={invia}>
+            {inviando ? 'Invio…' : 'Invia'}
+          </button>
+        )}
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,95 @@
+// Il radar a sette assi del referto: isola React perché recharts ha bisogno del DOM.
+// Due serie sovrapposte sugli stessi sette assi (recharts vuole un solo `data` condiviso,
+// non può disegnare un poligono che copre solo alcuni assi):
+// - "noto": l'area piena, coi valori congelati che la sessione ha davvero. Dove il dato
+//   manca vale 0 — non si inventa un centro pieno per una misura che non c'è, si lascia
+//   che l'area si ritiri, onestamente, verso il centro;
+// - "potenziale": il perimetro tratteggiato. Dove il dato c'è coincide col bordo di
+//   "noto" (stesso valore, la linea tratteggiata sparisce dietro quella piena); dove
+//   manca si allarga fino al massimo (100) — è la parte che CHIUDE il perimetro, il gesto
+//   su cui si regge l'interfaccia: non un errore, un invito a completare quell'asse.
+// Sotto il grafico, l'elenco leggibile di cosa completerebbe ogni asse ancora tratteggiato,
+// letto da `mancano` (calcolato in vista.ts, mai qui: questo componente non tocca il db).
+import {
+  ResponsiveContainer, RadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar,
+} from 'recharts';
+import type { AsseVista } from '../../lib/longevity/vista';
+
+interface Props {
+  assi: AsseVista[];
+}
+
+// Stessi colori del sito (come in DataChart.tsx, che per lo stesso motivo — attributi SVG,
+// non proprietà CSS — non passa var(--...) a recharts): l'accento e il tratteggio di
+// longevity.css, non un colore nuovo.
+const ACCENTO = '#9c8b70';
+const TRATTEGGIO = '#d8d2c8';
+const LINEA = '#e4dfd7';
+const TESTO_CHIARO = '#8a8a8a';
+
+export default function RadarAssi({ assi }: Props) {
+  const dati = assi.map((a) => ({
+    nome: a.nome,
+    noto: a.valore ?? 0,
+    potenziale: a.valore ?? 100,
+  }));
+  const incompleti = assi.filter((a) => a.mancano.length > 0);
+
+  return (
+    <div className="lg-radar">
+      {/* La spiegazione del linguaggio visivo viene PRIMA del grafico che spiega, non dopo:
+          chi legge deve sapere cosa sta guardando prima di guardarlo. */}
+      <p className="lg-radar__intro">
+        L'area piena è quello che sappiamo davvero; il perimetro tratteggiato è il resto
+        dell'asse, dove il dato non c'è ancora.
+      </p>
+      <div className="lg-radar__grafico">
+        <ResponsiveContainer width="100%" height={360}>
+          <RadarChart data={dati} outerRadius="72%">
+            <PolarGrid stroke={LINEA} />
+            <PolarAngleAxis dataKey="nome" tick={{ fill: TESTO_CHIARO, fontSize: 11 }} />
+            <PolarRadiusAxis domain={[0, 100]} tick={false} axisLine={false} />
+            {/* il perimetro tratteggiato si disegna per primo: quello pieno gli va sopra */}
+            <Radar
+              name="Perimetro completo"
+              dataKey="potenziale"
+              stroke={TRATTEGGIO}
+              strokeDasharray="4 3"
+              strokeWidth={1.5}
+              fill="none"
+              isAnimationActive={false}
+            />
+            <Radar
+              name="Quello che sappiamo"
+              dataKey="noto"
+              stroke={ACCENTO}
+              fill={ACCENTO}
+              fillOpacity={0.32}
+              strokeWidth={2}
+              isAnimationActive={false}
+            />
+          </RadarChart>
+        </ResponsiveContainer>
+      </div>
+
+      {incompleti.length > 0 && (
+        <div className="lg-radar__mancano">
+          {/* L'invito concreto: l'elenco sotto è nomi di test, da solo non dice cosa fare.
+              Questi test si fanno in palestra con lo staff, non a casa da soli. */}
+          <p className="lg-muted">
+            Questi test si fanno in sala, con il trainer: prenota la prossima sessione per
+            completare il quadro.
+          </p>
+          {incompleti.map((a) => (
+            <div className="lg-radar__voce" key={a.nome}>
+              <p className="lg-radar__voce-nome">{a.nome}</p>
+              <ul className="lg-radar__lista">
+                {a.mancano.map((m) => <li key={m}>{m}</li>)}
+              </ul>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
@@ -0,0 +1,12 @@
+---
+import type { Alert } from '../../lib/stress-index/data';
+interface Props { alert: Alert }
+const { alert } = Astro.props;
+---
+<div class:list={['si-alert', alert.severity === 'error' && 'si-alert--error']}>
+  <span class="si-alert__mark" aria-hidden="true"></span>
+  <div>
+    <p class="si-alert__text">{alert.text}</p>
+    <p class="si-alert__meta">{alert.clientName} · {alert.when}</p>
+  </div>
+</div>
@@ -0,0 +1,140 @@
+// Analytics di studio. È un'isola React perché tutto dipende da due controlli — l'intervallo
+// di date e la dimensione di confronto — e ogni numero della pagina si ricalcola con essi.
+import { useMemo, useState } from 'react';
+import DataChart from './charts/DataChart';
+import type { Alert, Client, Measurement } from '../../lib/stress-index/data';
+import {
+  DIMENSIONI, METRICHE, classificaRecupero, confrontoSegmenti, distribuzione, kpis,
+  type Dimensione,
+} from '../../lib/stress-index/analytics';
+
+interface Props {
+  clients: Client[];
+  measurementsByClient: Record<string, Measurement[]>;
+  alerts: Alert[];
+  /** Intervallo iniziale, deciso dalla pagina. */
+  from: string;
+  to: string;
+}
+
+const dataItaliana = (iso: string) =>
+  new Date(`${iso}T00:00:00`).toLocaleDateString('it-IT', { day: '2-digit', month: 'short', year: 'numeric' });
+
+export default function AnalyticsView({ clients, measurementsByClient, alerts, from, to }: Props) {
+  const [periodo, setPeriodo] = useState({ from, to });
+  const [dimensione, setDimensione] = useState<Dimensione>('sesso');
+
+  const indicatori = useMemo(() => kpis(clients, measurementsByClient, alerts, periodo), [clients, measurementsByClient, alerts, periodo]);
+  const fasce = useMemo(() => distribuzione(measurementsByClient, periodo), [measurementsByClient, periodo]);
+  const classifica = useMemo(() => classificaRecupero(clients, measurementsByClient, periodo), [clients, measurementsByClient, periodo]);
+  const segmenti = useMemo(() => confrontoSegmenti(clients, measurementsByClient, periodo, dimensione), [clients, measurementsByClient, periodo, dimensione]);
+
+  const migliori = classifica.slice(0, 4);
+  const critici = [...classifica].reverse().slice(0, 4);
+
+  return (
+    <div className="si-stack">
+      <div className="si-head si-head--row">
+        <div>
+          <h1>Analytics di studio</h1>
+          <p>Confronta i tuoi clienti, individua gli andamenti, calibra il lavoro</p>
+        </div>
+        <div className="si-range">
+          <label className="si-field si-field--inline">
+            <span className="si-visually-hidden">Dal</span>
+            <input type="date" value={periodo.from} max={periodo.to} onChange={(e) => setPeriodo((p) => ({ ...p, from: e.target.value }))} />
+          </label>
+          <span className="si-range__sep" aria-hidden="true">–</span>
+          <label className="si-field si-field--inline">
+            <span className="si-visually-hidden">Al</span>
+            <input type="date" value={periodo.to} min={periodo.from} onChange={(e) => setPeriodo((p) => ({ ...p, to: e.target.value }))} />
+          </label>
+        </div>
+      </div>
+
+      <div className="si-grid si-grid--kpi">
+        {indicatori.map((k) => (
+          <div className="si-card" key={k.label}>
+            <p className="si-kpi__label">{k.label}</p>
+            <p className="si-kpi__value">{k.value}</p>
+            <p className="si-muted si-small">{k.note}</p>
+          </div>
+        ))}
+      </div>
+
+      <section className="si-card">
+        <div className="si-card__head">
+          <div>
+            <h2 className="si-card__title">Distribuzione score clienti</h2>
+            <p className="si-muted si-small">Quante misurazioni cadono in ogni fascia di valore</p>
+          </div>
+        </div>
+        <DataChart type="bar" data={fasce} xKey="range" series={METRICHE.map((m) => ({ ...m }))} height={300} />
+      </section>
+
+      <div className="si-grid si-grid--halves">
+        <section className="si-card">
+          <div className="si-card__head">
+            <div>
+              <h2 className="si-card__title">Andamento migliore</h2>
+              <p className="si-muted si-small">Recupero medio più alto nel periodo</p>
+            </div>
+          </div>
+          <ul className="si-rank">
+            {migliori.map((r) => (
+              <li key={r.clientId}>
+                <a href={`/piattaforme/stress-index/clienti/${r.clientId}`}>{r.name}</a>
+                <span>
+                  <span className="si-rank__value si-rank__value--ok">{r.recovery}</span>
+                  <span className="si-rank__count">{r.count} {r.count === 1 ? 'misurazione' : 'misurazioni'}</span>
+                </span>
+              </li>
+            ))}
+          </ul>
+        </section>
+
+        <section className="si-card">
+          <div className="si-card__head">
+            <div>
+              <h2 className="si-card__title">Clienti critici</h2>
+              <p className="si-muted si-small">Recupero medio più basso nel periodo</p>
+            </div>
+          </div>
+          <ul className="si-rank">
+            {critici.map((r) => (
+              <li key={r.clientId}>
+                <a href={`/piattaforme/stress-index/clienti/${r.clientId}`}>{r.name}</a>
+                <span>
+                  <span className="si-rank__value si-rank__value--bad">{r.recovery}</span>
+                  <span className="si-rank__count">{r.count} {r.count === 1 ? 'misurazione' : 'misurazioni'}</span>
+                </span>
+              </li>
+            ))}
+          </ul>
+        </section>
+      </div>
+
+      <section className="si-card">
+        <div className="si-card__head">
+          <div>
+            <h2 className="si-card__title">Confronto segmenti</h2>
+            <p className="si-muted si-small">Valori medi per {dataItaliana(periodo.from)} – {dataItaliana(periodo.to)}</p>
+          </div>
+          <label className="si-field si-field--inline">
+            <span className="si-visually-hidden">Dimensione di confronto</span>
+            <select value={dimensione} onChange={(e) => setDimensione(e.target.value as Dimensione)}>
+              {DIMENSIONI.map((d) => <option key={d.key} value={d.key}>{d.label}</option>)}
+            </select>
+          </label>
+        </div>
+        <DataChart
+          type="bar" data={segmenti} xKey="gruppo" height={300}
+          series={[
+            { key: 'stress', label: 'Stress medio', color: '#b05a4e' },
+            { key: 'recovery', label: 'Recupero medio', color: '#6f8f6a' },
+          ]}
+        />
+      </section>
+    </div>
+  );
+}
@@ -0,0 +1,14 @@
+---
+// Riquadro base della dashboard: titolo opzionale e, a destra, un'azione (di solito un link).
+interface Props { title?: string; actionLabel?: string; actionHref?: string; class?: string }
+const { title, actionLabel, actionHref, class: cls } = Astro.props;
+---
+<section class:list={['si-card', cls]}>
+  {(title || actionLabel) && (
+    <div class="si-card__head">
+      {title && <h2 class="si-card__title">{title}</h2>}
+      {actionLabel && actionHref && <a class="si-card__action" href={actionHref}>{actionLabel}</a>}
+    </div>
+  )}
+  <slot />
+</section>
@@ -0,0 +1,387 @@
+// Scheda cliente: è l'unica vista davvero interattiva della piattaforma (tab, filtri sul
+// grafico, note, messaggi, tag), quindi vive come singola isola React. Lo stile arriva dalle
+// classi `.si-*` del foglio globale: qui non ci sono classi Tailwind del prototipo originale.
+import { useMemo, useState } from 'react';
+import DataChart from './charts/DataChart';
+import type { Alert, Client, Measurement, Note } from '../../lib/stress-index/data';
+
+interface Props {
+  client: Client;
+  measurements: Measurement[];
+  alerts: Alert[];
+  notes: Note[];
+}
+
+const TABS = [
+  { key: 'panoramica', label: 'Panoramica' },
+  { key: 'misurazioni', label: 'Misurazioni' },
+  { key: 'analytics', label: 'Analytics' },
+  { key: 'report', label: 'Report' },
+  { key: 'note', label: 'Note' },
+  { key: 'messaggi', label: 'Messaggi' },
+  { key: 'impostazioni', label: 'Impostazioni' },
+];
+
+const METRICHE = [
+  { key: 'stress', label: 'Stress', color: '#b05a4e' },
+  { key: 'recovery', label: 'Recupero', color: '#6f8f6a' },
+  { key: 'balance', label: 'Equilibrio', color: '#c08a3e' },
+  { key: 'energy', label: 'Energia', color: '#9c8b70' },
+];
+
+const PERIODI = [
+  { key: '4', label: 'Ultime 4' },
+  { key: '8', label: 'Ultime 8' },
+  { key: 'all', label: 'Tutte' },
+];
+
+const REPORT = [
+  { date: '2026-07-01', label: 'Report mensile — Giugno 2026' },
+  { date: '2026-06-01', label: 'Report mensile — Maggio 2026' },
+  { date: '2026-05-01', label: 'Report mensile — Aprile 2026' },
+];
+
+const MESSAGGI_INIZIALI = [
+  { from: 'cliente', text: "Buongiorno dottore, le invio l'esito della misurazione di stamattina.", when: '09:12' },
+  { from: 'professionista', text: 'Grazie, la vedo. I valori di recupero sono in miglioramento rispetto alla scorsa settimana.', when: '09:20' },
+  { from: 'cliente', text: 'Sì, mi sento meglio, dormo di più.', when: '09:22' },
+  { from: 'professionista', text: 'Continui così, ci sentiamo al prossimo controllo.', when: '09:25' },
+];
+
+const qualitativa = (v: number) => (v >= 70 ? 'Alto' : v >= 40 ? 'Moderato' : 'Basso');
+const livello = (v: number) => (v >= 70 ? 'bad' : v >= 45 ? 'warn' : 'ok');
+
+/** Indicatore ad arco: il valore riempie un semicerchio da sinistra a destra. */
+function Gauge({ value, label }: { value: number; label: string }) {
+  const ratio = Math.max(0, Math.min(1, value / 100));
+  const R = 56;
+  const len = Math.PI * R;
+  return (
+    <div className="si-gauge">
+      <svg viewBox="0 0 140 78" className="si-gauge__svg" role="img" aria-label={`${label}: ${value} su 100`}>
+        <path d="M 14 70 A 56 56 0 0 1 126 70" fill="none" stroke="#e4dfd7" strokeWidth="10" strokeLinecap="round" />
+        <path
+          d="M 14 70 A 56 56 0 0 1 126 70" fill="none" strokeWidth="10" strokeLinecap="round"
+          stroke={value >= 70 ? '#b05a4e' : value >= 45 ? '#c08a3e' : '#6f8f6a'}
+          strokeDasharray={`${len * ratio} ${len}`}
+        />
+      </svg>
+      <p className="si-gauge__value">{value}<span className="si-gauge__max">/100</span></p>
+      <p className="si-gauge__label">{label} · {qualitativa(value)}</p>
+    </div>
+  );
+}
+
+export default function ClientDetail({ client, measurements, alerts, notes }: Props) {
+  const [tab, setTab] = useState('panoramica');
+  const [periodo, setPeriodo] = useState('8');
+  const [metriche, setMetriche] = useState<string[]>(METRICHE.map((m) => m.key));
+  const [noteCliente, setNoteCliente] = useState(notes);
+  const [nuovaNota, setNuovaNota] = useState('');
+  const [messaggi, setMessaggi] = useState(MESSAGGI_INIZIALI);
+  const [bozza, setBozza] = useState('');
+  const [tag, setTag] = useState<string[]>(client.tags);
+  const [nuovoTag, setNuovoTag] = useState('');
+  const [promemoria, setPromemoria] = useState(true);
+  const [reportSemestrale, setReportSemestrale] = useState(false);
+
+  const ultima = measurements[measurements.length - 1];
+  const stress = ultima?.stress ?? client.stress;
+  const recovery = ultima?.recovery ?? 0;
+  const balance = ultima?.balance ?? 0;
+  const energy = ultima?.energy ?? 0;
+
+  const datiGrafico = useMemo(
+    () => (periodo === 'all' ? measurements : measurements.slice(-Number(periodo))),
+    [measurements, periodo]
+  );
+  const serieAttive = METRICHE.filter((m) => metriche.includes(m.key));
+  const ultimeTre = [...measurements].slice(-3).reverse();
+  const storico = [...measurements].reverse();
+
+  const toggleMetrica = (key: string) =>
+    setMetriche((prev) => (prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key]));
+
+  const aggiungiNota = () => {
+    const testo = nuovaNota.trim();
+    if (!testo) return;
+    setNoteCliente((prev) => [{ clientId: client.id, text: testo, when: client.lastMeasurement }, ...prev]);
+    setNuovaNota('');
+  };
+
+  const invia = () => {
+    const testo = bozza.trim();
+    if (!testo) return;
+    setMessaggi((prev) => [...prev, { from: 'professionista', text: testo, when: 'ora' }]);
+    setBozza('');
+  };
+
+  const aggiungiTag = () => {
+    const t = nuovoTag.trim();
+    if (!t || tag.includes(t)) return;
+    setTag((prev) => [...prev, t]);
+    setNuovoTag('');
+  };
+
+  return (
+    <div className="si-stack">
+      <div className="si-client-head">
+        <span className="si-avatar si-avatar--lg">{client.initials}</span>
+        <div>
+          <h1>{client.name}</h1>
+          <p className="si-muted si-small">
+            {client.age} anni · {client.sex} · in carico dal {client.since}
+          </p>
+        </div>
+      </div>
+
+      <div className="si-grid si-grid--kpi">
+        {[
+          { label: 'Stress', value: stress, note: qualitativa(stress) },
+          { label: 'Recupero', value: recovery, note: qualitativa(recovery) },
+          { label: 'Misurazioni', value: measurements.length, note: 'totali' },
+          { label: 'In carico da', value: client.since, note: 'data iscrizione' },
+        ].map((k) => (
+          <div className="si-card" key={k.label}>
+            <p className="si-kpi__label">{k.label}</p>
+            <p className="si-kpi__value">{k.value}</p>
+            <p className="si-muted si-small">{k.note}</p>
+          </div>
+        ))}
+      </div>
+
+      <div className="si-tabs" role="tablist">
+        {TABS.map((t) => (
+          <button
+            key={t.key} type="button" role="tab" className="si-tabs__btn"
+            aria-selected={t.key === tab} onClick={() => setTab(t.key)}
+          >
+            {t.label}
+          </button>
+        ))}
+      </div>
+
+      {tab === 'panoramica' && (
+        <div className="si-stack">
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Stato attuale</h2></div>
+            <div className="si-gauges">
+              <Gauge value={stress} label="Stress" />
+              <Gauge value={recovery} label="Recupero" />
+              <Gauge value={balance} label="Equilibrio" />
+              <Gauge value={energy} label="Energia" />
+            </div>
+          </section>
+
+          <section className="si-card">
+            <div className="si-card__head">
+              <h2 className="si-card__title">Andamento clinico</h2>
+            </div>
+            <div className="si-chips">
+              {PERIODI.map((p) => (
+                <button key={p.key} type="button" className="si-chip" aria-pressed={periodo === p.key} onClick={() => setPeriodo(p.key)}>
+                  {p.label}
+                </button>
+              ))}
+            </div>
+            <div className="si-chips">
+              {METRICHE.map((m) => (
+                <button key={m.key} type="button" className="si-chip" aria-pressed={metriche.includes(m.key)} onClick={() => toggleMetrica(m.key)}>
+                  {m.label}
+                </button>
+              ))}
+            </div>
+            <DataChart data={datiGrafico} xKey="date" series={serieAttive} />
+          </section>
+
+          <div className="si-grid si-grid--halves">
+            <section className="si-card">
+              <div className="si-card__head"><h2 className="si-card__title">Alert attivi</h2></div>
+              {alerts.length === 0 ? (
+                <p className="si-muted si-small">Nessun alert attivo per questo cliente.</p>
+              ) : (
+                alerts.map((a, i) => (
+                  <div className={`si-alert${a.severity === 'error' ? ' si-alert--error' : ''}`} key={i}>
+                    <span className="si-alert__mark" aria-hidden="true" />
+                    <div>
+                      <p className="si-alert__text">{a.text}</p>
+                      <p className="si-alert__meta">{a.when}</p>
+                    </div>
+                  </div>
+                ))
+              )}
+            </section>
+
+            <section className="si-card">
+              <div className="si-card__head"><h2 className="si-card__title">Ultime 3 misurazioni</h2></div>
+              <ul className="si-list si-list--rows">
+                {ultimeTre.map((m, i) => (
+                  <li key={i}>
+                    <span>
+                      <strong>{m.date}</strong>
+                      <span className="si-muted"> · {m.type} · stress {m.stress}</span>
+                    </span>
+                    <span className={`si-badge si-badge--${livello(m.stress)}`}>{qualitativa(m.stress)}</span>
+                  </li>
+                ))}
+              </ul>
+            </section>
+          </div>
+
+          <section className="si-insight">
+            <p className="si-insight__title">Sintesi</p>
+            <p>
+              {stress >= 70
+                ? `${client.name} mostra un livello di stress elevato nelle ultime misurazioni, con recupero notturno ridotto. Consigliata una revisione del carico settimanale e un lavoro sulla respirazione.`
+                : `${client.name} mantiene un equilibrio complessivamente stabile. Continuare il monitoraggio periodico e mantenere le abitudini di recupero attuali.`}
+            </p>
+          </section>
+        </div>
+      )}
+
+      {tab === 'misurazioni' && (
+        <section className="si-card">
+          <div className="si-card__head"><h2 className="si-card__title">Storico misurazioni</h2></div>
+          <div className="si-scroll-x">
+            <table className="si-table">
+              <thead>
+                <tr><th>Data</th><th>Tipo</th><th>Stress</th><th>Recupero</th><th>Equilibrio</th><th>Energia</th><th>Durata</th></tr>
+              </thead>
+              <tbody>
+                {storico.map((m, i) => (
+                  <tr key={i}>
+                    <td className="si-table__num">{m.date}</td>
+                    <td>{m.type}</td>
+                    <td className="si-table__num">{m.stress}</td>
+                    <td className="si-table__num">{m.recovery}</td>
+                    <td className="si-table__num">{m.balance}</td>
+                    <td className="si-table__num">{m.energy}</td>
+                    <td className="si-table__num">{m.durationMin} min</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        </section>
+      )}
+
+      {tab === 'analytics' && (
+        <div className="si-stack">
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Trend dei quattro parametri</h2></div>
+            <DataChart data={measurements} xKey="date" series={METRICHE} />
+          </section>
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Stress e recupero, ultime misurazioni</h2></div>
+            <DataChart type="bar" data={ultimeTre} xKey="date" series={[METRICHE[0], METRICHE[1]]} />
+          </section>
+        </div>
+      )}
+
+      {tab === 'report' && (
+        <section className="si-card">
+          <div className="si-card__head">
+            <h2 className="si-card__title">Report generati</h2>
+            <button type="button" className="si-btn">Genera report</button>
+          </div>
+          <ul className="si-list si-list--rows">
+            {REPORT.map((r) => (
+              <li key={r.date}>
+                <span><span className="si-muted si-table__num">{r.date}</span> · {r.label}</span>
+                <button type="button" className="si-btn">Scarica</button>
+              </li>
+            ))}
+          </ul>
+        </section>
+      )}
+
+      {tab === 'note' && (
+        <section className="si-card">
+          <div className="si-card__head"><h2 className="si-card__title">Note cliente</h2></div>
+          <div className="si-stack">
+            <label className="si-field">
+              Aggiungi nota
+              <textarea
+                rows={3} value={nuovaNota} onChange={(e) => setNuovaNota(e.target.value)}
+                placeholder="Scrivi una nota clinica su questo cliente…"
+              />
+            </label>
+            <div><button type="button" className="si-btn si-btn--solid" onClick={aggiungiNota}>Aggiungi nota</button></div>
+            {noteCliente.length === 0 ? (
+              <p className="si-muted si-small">Nessuna nota registrata per questo cliente.</p>
+            ) : (
+              <ul className="si-list">
+                {noteCliente.map((n, i) => (
+                  <li className="si-note-card" key={i}>
+                    <p className="si-note__meta">{n.when}</p>
+                    <p>{n.text}</p>
+                  </li>
+                ))}
+              </ul>
+            )}
+          </div>
+        </section>
+      )}
+
+      {tab === 'messaggi' && (
+        <section className="si-card">
+          <div className="si-card__head"><h2 className="si-card__title">Messaggi</h2></div>
+          <ul className="si-chat">
+            {messaggi.map((m, i) => (
+              <li key={i} className={`si-chat__row si-chat__row--${m.from}`}>
+                <div className="si-chat__bubble">
+                  <p>{m.text}</p>
+                  <p className="si-chat__when">{m.when}</p>
+                </div>
+              </li>
+            ))}
+          </ul>
+          <div className="si-chat__compose">
+            <label className="si-field si-field--inline">
+              <span className="si-visually-hidden">Messaggio</span>
+              <input type="text" value={bozza} onChange={(e) => setBozza(e.target.value)} placeholder="Scrivi un messaggio…" />
+            </label>
+            <button type="button" className="si-btn si-btn--solid" onClick={invia}>Invia</button>
+          </div>
+        </section>
+      )}
+
+      {tab === 'impostazioni' && (
+        <div className="si-stack">
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Tag cliente</h2></div>
+            <div className="si-tag-list">
+              {tag.map((t) => (
+                <span className="si-tag si-tag--removable" key={t}>
+                  {t}
+                  <button type="button" aria-label={`Rimuovi tag ${t}`} onClick={() => setTag((prev) => prev.filter((x) => x !== t))}>✕</button>
+                </span>
+              ))}
+            </div>
+            <div className="si-chat__compose">
+              <label className="si-field si-field--inline">
+                <span className="si-visually-hidden">Nuovo tag</span>
+                <input type="text" value={nuovoTag} onChange={(e) => setNuovoTag(e.target.value)} placeholder="Nuovo tag…" />
+              </label>
+              <button type="button" className="si-btn" onClick={aggiungiTag}>Aggiungi</button>
+            </div>
+          </section>
+
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Preferenze</h2></div>
+            <ul className="si-list si-list--rows">
+              <li>
+                <span>Promemoria automatici di misurazione</span>
+                <input type="checkbox" checked={promemoria} onChange={(e) => setPromemoria(e.target.checked)} />
+              </li>
+              <li>
+                <span>Invio automatico del report semestrale</span>
+                <input type="checkbox" checked={reportSemestrale} onChange={(e) => setReportSemestrale(e.target.checked)} />
+              </li>
+            </ul>
+          </section>
+        </div>
+      )}
+    </div>
+  );
+}
@@ -0,0 +1,14 @@
+---
+// Indicatore sintetico: valore grande, etichetta e variazione con verso.
+interface Props { label: string; value: string | number; delta?: string; trend?: 'up' | 'down' }
+const { label, value, delta, trend = 'up' } = Astro.props;
+---
+<div class="si-card">
+  <p class="si-kpi__label">{label}</p>
+  <p class="si-kpi__value">{value}</p>
+  {delta && (
+    <p class:list={['si-kpi__delta', trend === 'down' ? 'si-kpi__delta--down' : 'si-kpi__delta--up']}>
+      {trend === 'down' ? '▼' : '▲'} {delta}
+    </p>
+  )}
+</div>
@@ -0,0 +1,204 @@
+// Modulo Sport: tre viste (dashboard, elenco sessioni con filtri, schede atleta) in un'unica
+// isola, perché condividono lo stesso insieme di sessioni e i filtri agiscono su quello.
+import { useMemo, useState } from 'react';
+import DataChart from './charts/DataChart';
+import type { Athlete, Session } from '../../lib/stress-index/data';
+import { dataBreve, dataOra, durata, kpiSport, perSettimana, riepilogoAtleti } from '../../lib/stress-index/sport';
+
+interface Props {
+  sessions: Session[];
+  athletes: Athlete[];
+  /** Ultimo giorno coperto dai dati: tutte le finestre temporali partono da qui. */
+  riferimento: string;
+}
+
+const TABS = [
+  { key: 'dashboard', label: 'Dashboard' },
+  { key: 'sessioni', label: 'Sessioni' },
+  { key: 'atleti', label: 'Atleti' },
+];
+
+const PERIODI = [
+  { key: 'tutto', label: 'Tutto', giorni: 0 },
+  { key: '7', label: 'Ultimi 7 giorni', giorni: 7 },
+  { key: '30', label: 'Ultimi 30 giorni', giorni: 30 },
+  { key: '90', label: 'Ultimi 90 giorni', giorni: 90 },
+];
+
+export default function SportView({ sessions, athletes, riferimento }: Props) {
+  const [tab, setTab] = useState('dashboard');
+  const [atleta, setAtleta] = useState('tutti');
+  const [periodo, setPeriodo] = useState('tutto');
+  const [sport, setSport] = useState('tutti');
+
+  const sports = useMemo(
+    () => [...new Set(sessions.map((s) => s.sport).filter((s): s is string => Boolean(s)))],
+    [sessions]
+  );
+
+  const filtrate = useMemo(() => {
+    const giorni = PERIODI.find((p) => p.key === periodo)?.giorni ?? 0;
+    const limite = new Date(`${riferimento}T00:00:00`);
+    limite.setDate(limite.getDate() - giorni + 1);
+    const dal = limite.toISOString().slice(0, 10);
+    return sessions.filter((s) =>
+      (atleta === 'tutti' || s.athleteId === atleta) &&
+      (sport === 'tutti' || s.sport === sport) &&
+      (!giorni || s.startedAt.slice(0, 10) >= dal)
+    );
+  }, [sessions, atleta, periodo, sport, riferimento]);
+
+  const kpi = useMemo(() => kpiSport(sessions, riferimento), [sessions, riferimento]);
+  const settimane = useMemo(() => perSettimana(sessions, 12, riferimento), [sessions, riferimento]);
+  const atletiRiepilogo = useMemo(() => riepilogoAtleti(sessions, athletes, riferimento), [sessions, athletes, riferimento]);
+  const nome = (id: string) => athletes.find((a) => a.clientId === id)?.name ?? id;
+
+  return (
+    <div className="si-stack">
+      <div className="si-head">
+        <h1>Modulo Sport <span className="si-badge si-badge--pro">Pro</span></h1>
+        <p>Sessioni di allenamento, zone DFA Alpha1, carico e recupero degli atleti</p>
+      </div>
+
+      <div className="si-tabs" role="tablist">
+        {TABS.map((t) => (
+          <button key={t.key} type="button" role="tab" className="si-tabs__btn" aria-selected={t.key === tab} onClick={() => setTab(t.key)}>
+            {t.label}
+          </button>
+        ))}
+      </div>
+
+      {tab === 'dashboard' && (
+        <div className="si-stack">
+          <div className="si-grid si-grid--kpi">
+            {kpi.map((k) => (
+              <div className="si-card" key={k.label}>
+                <p className="si-kpi__label">{k.label}</p>
+                <p className="si-kpi__value">{k.value}</p>
+                {k.note && <p className="si-muted si-small">{k.note}</p>}
+              </div>
+            ))}
+          </div>
+
+          <section className="si-card">
+            <div className="si-card__head">
+              <div>
+                <h2 className="si-card__title">Sessioni per settimana</h2>
+                <p className="si-muted si-small">Ultime 12 settimane</p>
+              </div>
+            </div>
+            <DataChart type="bar" data={settimane} xKey="settimana" series={[{ key: 'sessioni', label: 'Sessioni', color: '#9c8b70' }]} />
+          </section>
+
+          <section className="si-card">
+            <div className="si-card__head"><h2 className="si-card__title">Ultime sessioni</h2></div>
+            <div className="si-scroll-x">
+              <table className="si-table">
+                <thead>
+                  <tr><th>Atleta</th><th>Data</th><th>Sport</th><th>Durata</th><th>TRIMP</th><th>HR medio</th><th>DFA A1</th></tr>
+                </thead>
+                <tbody>
+                  {sessions.slice(0, 10).map((s) => (
+                    <tr key={s.id}>
+                      <td><a href={`/piattaforme/stress-index/clienti/${s.athleteId}`}>{nome(s.athleteId)}</a></td>
+                      <td className="si-muted">{dataBreve(s.startedAt)}</td>
+                      <td>{s.sport ?? '—'}</td>
+                      <td className="si-table__num">{durata(s.durationSec)}</td>
+                      <td className="si-table__num">{s.trimp}</td>
+                      <td className="si-table__num">{s.hrAvg} bpm</td>
+                      <td className="si-table__num">{s.dfaA1 ?? '—'}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          </section>
+        </div>
+      )}
+
+      {tab === 'sessioni' && (
+        <div className="si-stack">
+          <section className="si-card">
+            <div className="si-filters">
+              <label className="si-field">Atleta
+                <select value={atleta} onChange={(e) => setAtleta(e.target.value)}>
+                  <option value="tutti">Tutti</option>
+                  {athletes.map((a) => <option key={a.clientId} value={a.clientId}>{a.name}</option>)}
+                </select>
+              </label>
+              <label className="si-field">Periodo
+                <select value={periodo} onChange={(e) => setPeriodo(e.target.value)}>
+                  {PERIODI.map((p) => <option key={p.key} value={p.key}>{p.label}</option>)}
+                </select>
+              </label>
+              <label className="si-field">Sport
+                <select value={sport} onChange={(e) => setSport(e.target.value)}>
+                  <option value="tutti">Tutti</option>
+                  {sports.map((s) => <option key={s} value={s}>{s}</option>)}
+                </select>
+              </label>
+              <p className="si-muted si-small si-filters__count">
+                {filtrate.length} {filtrate.length === 1 ? 'sessione' : 'sessioni'}
+              </p>
+            </div>
+          </section>
+
+          <section className="si-card">
+            <div className="si-scroll-x">
+              <table className="si-table">
+                <thead>
+                  <tr><th>Data e ora</th><th>Atleta</th><th>Sport</th><th>Durata</th><th>HR medio</th><th>HR max</th><th>TRIMP</th><th>DFA A1</th><th>RPE</th></tr>
+                </thead>
+                <tbody>
+                  {filtrate.map((s) => (
+                    <tr key={s.id}>
+                      <td className="si-muted">{dataOra(s.startedAt)}</td>
+                      <td><a href={`/piattaforme/stress-index/clienti/${s.athleteId}`}>{nome(s.athleteId)}</a></td>
+                      <td>{s.sport ?? '—'}</td>
+                      <td className="si-table__num">{durata(s.durationSec)}</td>
+                      <td className="si-table__num">{s.hrAvg}</td>
+                      <td className="si-table__num">{s.hrMax}</td>
+                      <td className="si-table__num">{s.trimp}</td>
+                      <td className="si-table__num">{s.dfaA1 ?? '—'}</td>
+                      <td className="si-table__num">{s.rpe ? `${s.rpe}/10` : '—'}</td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+              {filtrate.length === 0 && <p className="si-muted si-small si-empty">Nessuna sessione con questi filtri.</p>}
+            </div>
+          </section>
+        </div>
+      )}
+
+      {tab === 'atleti' && (
+        <div className="si-grid si-grid--halves">
+          {atletiRiepilogo.map((a) => (
+            <section className="si-card si-athlete" key={a.clientId}>
+              <div className="si-card__head">
+                <div>
+                  <h2 className="si-athlete__name">{a.name}</h2>
+                  <p className="si-muted si-small">{a.sport ?? 'Sport non specificato'}</p>
+                </div>
+                <span className={`si-badge si-badge--${a.trend === 'in calo' ? 'bad' : a.trend === 'in crescita' ? 'ok' : 'warn'}`}>
+                  {a.trend}
+                </span>
+              </div>
+
+              <div className="si-athlete__stats">
+                <div><p className="si-athlete__num">{a.sessioni30}</p><p className="si-muted si-small">Sessioni 30gg</p></div>
+                <div><p className="si-athlete__num">{a.trimp7}</p><p className="si-muted si-small">TRIMP 7gg</p></div>
+                <div><p className="si-athlete__num">{a.ultimoTrimp}</p><p className="si-muted si-small">Ultimo TRIMP</p></div>
+              </div>
+
+              <a className="si-athlete__foot" href={`/piattaforme/stress-index/clienti/${a.clientId}`}>
+                <span>{a.ultimaSessione ? `Ultima sessione ${dataBreve(a.ultimaSessione)}` : 'Nessuna sessione registrata'}</span>
+                <span aria-hidden="true">→</span>
+              </a>
+            </section>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
@@ -0,0 +1,13 @@
+---
+// Coppie etichetta/valore incolonnate, usate nei riquadri di riepilogo.
+interface Props { items: { label: string; value: string | number }[] }
+const { items } = Astro.props;
+---
+<dl class="si-list si-list--defs">
+  {items.map((i) => (
+    <div class="si-list__row">
+      <dt class="si-muted">{i.label}</dt>
+      <dd class="si-table__num">{i.value}</dd>
+    </div>
+  ))}
+</dl>
@@ -0,0 +1,56 @@
+// Andamento medio dello studio, con selettore di periodo. L'aggregazione media stress e
+// recupero di tutti i clienti sugli ultimi N rilievi settimanali.
+import { useState } from 'react';
+import DataChart from './DataChart';
+import type { Measurement } from '../../../lib/stress-index/data';
+
+const PERIODS = [
+  { key: '30g', label: '30 giorni', points: 5 },
+  { key: '90g', label: '90 giorni', points: 13 },
+  { key: '6m', label: '6 mesi', points: 20 },
+  { key: 'tutto', label: 'Tutto', points: 20 },
+] as const;
+
+interface Props { measurementsByClient: Record<string, Measurement[]> }
+
+function aggregate(byClient: Record<string, Measurement[]>, points: number) {
+  const out: { date: string; stress: number; recovery: number }[] = [];
+  for (let fromEnd = points; fromEnd >= 1; fromEnd--) {
+    let stress = 0, recovery = 0, count = 0, date = '';
+    for (const series of Object.values(byClient)) {
+      const point = series[series.length - fromEnd];
+      if (!point) continue;
+      stress += point.stress;
+      recovery += point.recovery;
+      count += 1;
+      date = point.date;
+    }
+    if (count) out.push({ date, stress: Math.round(stress / count), recovery: Math.round(recovery / count) });
+  }
+  return out;
+}
+
+export default function AndamentoChart({ measurementsByClient }: Props) {
+  const [period, setPeriod] = useState<string>('90g');
+  const active = PERIODS.find((p) => p.key === period) ?? PERIODS[1];
+
+  return (
+    <div>
+      <div className="si-chips">
+        {PERIODS.map((p) => (
+          <button key={p.key} type="button" className="si-chip" aria-pressed={p.key === period} onClick={() => setPeriod(p.key)}>
+            {p.label}
+          </button>
+        ))}
+      </div>
+      <DataChart
+        data={aggregate(measurementsByClient, active.points)}
+        xKey="date"
+        series={[
+          { key: 'stress', label: 'Stress medio' },
+          { key: 'recovery', label: 'Recupero medio' },
+        ]}
+      />
+    </div>
+  );
+}
@@ -0,0 +1,52 @@
+// Grafico generico della piattaforma (isola React: recharts ha bisogno del DOM).
+// I colori sono quelli del sito, non quelli del prototipo originale.
+import {
+  ResponsiveContainer, LineChart, BarChart, Line, Bar, CartesianGrid, XAxis, YAxis, Tooltip, Legend,
+} from 'recharts';
+
+export interface ChartSeries { key: string; label: string; color?: string }
+
+interface Props {
+  type?: 'line' | 'bar';
+  data: Record<string, string | number>[];
+  xKey: string;
+  series: ChartSeries[];
+  height?: number;
+}
+
+const COLORS = ['#9c8b70', '#3a2929', '#6f8f6a', '#c08a3e', '#b05a4e'];
+const AXIS = '#8a8a8a';
+
+export default function DataChart({ type = 'line', data, xKey, series, height = 260 }: Props) {
+  if (!data.length) return <p className="si-chart__empty">Nessun dato nel periodo selezionato.</p>;
+  const Chart = type === 'bar' ? BarChart : LineChart;
+
+  return (
+    <div className="si-chart" style={{ height }}>
+      <ResponsiveContainer width="100%" height={height}>
+        <Chart data={data} margin={{ top: 6, right: 8, bottom: 0, left: -18 }}>
+          <CartesianGrid stroke="#e4dfd7" strokeDasharray="3 3" vertical={false} />
+          <XAxis dataKey={xKey} stroke={AXIS} fontSize={11} tickLine={false} />
+          <YAxis stroke={AXIS} fontSize={11} tickLine={false} axisLine={false} />
+          <Tooltip
+            contentStyle={{ border: '1px solid #e4dfd7', borderRadius: 0, fontSize: 12 }}
+            labelStyle={{ color: '#2b2b2b', fontWeight: 600 }}
+          />
+          {series.length > 1 && <Legend iconType="plainline" wrapperStyle={{ fontSize: 12 }} />}
+          {series.map((s, i) =>
+            type === 'bar' ? (
+              // Un dato che porta con sé un campo `fill` colora la propria barra: è così che
+              // l'istogramma delle fasce di score usa un colore per fascia.
+              <Bar key={s.key} dataKey={s.key} name={s.label} fill={s.color ?? COLORS[i % COLORS.length]} />
+            ) : (
+              <Line
+                key={s.key} type="monotone" dataKey={s.key} name={s.label} dot={false} strokeWidth={2.2}
+                stroke={s.color ?? COLORS[i % COLORS.length]}
+              />
+            )
+          )}
+        </Chart>
+      </ResponsiveContainer>
+    </div>
+  );
+}
@@ -0,0 +1,36 @@
+export const disciplines = ["Events", "Crossfit", "Cardio", "Box", "Meditation", "Yoga Classes", "Body Balance"] as const;
+export const days = ["Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"] as const;
+export const slots = ["10.00", "12.00", "16.00", "18.00", "20.00"] as const;
+
+export interface AgendaEntry { day: number; slot: string; discipline: string; time: string; trainer: string }
+
+// Placeholder dal template Prowess (come nel Figma); il cliente fornirà l’orario reale.
+export const agenda: AgendaEntry[] = [
+  { day: 0, slot: "10.00", discipline: "Crossfit", time: "10.00 - 11.00", trainer: "Amanda Snow" },
+  { day: 0, slot: "12.00", discipline: "Box", time: "12.00 - 13.00", trainer: "Matthew Dunn" },
+  { day: 0, slot: "18.00", discipline: "Cardio", time: "18.00 - 19.00", trainer: "Randy Nelson" },
+  { day: 0, slot: "20.00", discipline: "Crossfit", time: "20.00 - 21.00", trainer: "Amanda Snow" },
+  { day: 1, slot: "10.00", discipline: "Cardio", time: "10.00 - 11.00", trainer: "Randy Nelson" },
+  { day: 1, slot: "12.00", discipline: "Crossfit", time: "12.00 - 13.00", trainer: "Amanda Snow" },
+  { day: 1, slot: "16.00", discipline: "Body Balance", time: "16.00 - 17.00", trainer: "Barbara Holland" },
+  { day: 1, slot: "20.00", discipline: "Box", time: "20.00 - 21.00", trainer: "Matthew Dunn" },
+  { day: 2, slot: "10.00", discipline: "Crossfit", time: "10.00 - 11.00", trainer: "Amanda Snow" },
+  { day: 2, slot: "12.00", discipline: "Meditation", time: "12.00 - 13.00", trainer: "Nicole Fuller" },
+  { day: 2, slot: "16.00", discipline: "Box", time: "16.00 - 17.00", trainer: "Matthew Dunn" },
+  { day: 2, slot: "20.00", discipline: "Body Balance", time: "20.00 - 21.00", trainer: "Barbara Holland" },
+  { day: 3, slot: "10.00", discipline: "Body Balance", time: "10.00 - 11.00", trainer: "Barbara Holland" },
+  { day: 3, slot: "12.00", discipline: "Box", time: "12.00 - 13.00", trainer: "Matthew Dunn" },
+  { day: 3, slot: "16.00", discipline: "Crossfit", time: "16.00 - 17.00", trainer: "Amanda Snow" },
+  { day: 3, slot: "20.00", discipline: "Body Balance", time: "20.00 - 21.00", trainer: "Randy Nelson" },
+  { day: 4, slot: "12.00", discipline: "Crossfit", time: "12.00 - 13.00", trainer: "Amanda Snow" },
+  { day: 4, slot: "16.00", discipline: "Body Balance", time: "16.00 - 17.00", trainer: "Barbara Holland" },
+  { day: 4, slot: "18.00", discipline: "Cardio", time: "18.00 - 19.00", trainer: "Randy Nelson" },
+  { day: 4, slot: "20.00", discipline: "Yoga Classes", time: "20.00 - 21.00", trainer: "Amanda Snow" },
+  { day: 5, slot: "10.00", discipline: "Cardio", time: "10.00 - 11.00", trainer: "Randy Nelson" },
+  { day: 5, slot: "12.00", discipline: "Body Balance", time: "12.00 - 13.00", trainer: "Barbara Holland" },
+  { day: 5, slot: "18.00", discipline: "Box", time: "18.00 - 19.00", trainer: "Matthew Dunn" },
+  { day: 6, slot: "12.00", discipline: "Crossfit", time: "12.00 - 13.00", trainer: "Amanda Snow" },
+  { day: 6, slot: "16.00", discipline: "Cardio", time: "16.00 - 17.00", trainer: "Randy Nelson" },
+  { day: 6, slot: "18.00", discipline: "Box", time: "18.00 - 19.00", trainer: "Matthew Dunn" },
+  { day: 6, slot: "20.00", discipline: "Body Balance", time: "20.00 - 21.00", trainer: "Barbara Holland" },
+];
@@ -0,0 +1,195 @@
+// Calendari delle class in Sala Piccola.
+//
+// Trascritti dai due fogli forniti dal cliente il 10/08/2026 (immagini su Wasabi, cartella
+// del progetto). Sono dato e non immagini di proposito: così la griglia si legge da telefono,
+// si stampa in PDF e si corregge una cella senza rifare uno screenshot.
+//
+// Ogni calendario porta la sua finestra di validità: la pagina mostra quello in vigore, e
+// quando nessuno lo è ancora mostra il prossimo dichiarando da quando entra. Il passaggio da
+// un orario all'altro avviene da solo, senza deploy — stesso principio delle edizioni della
+// pagina promo (`data/promo-edizioni.ts`).
+
+export const GIORNI = ['LUN', 'MAR', 'MER', 'GIO', 'VEN', 'SAB', 'DOM'] as const;
+export type Giorno = (typeof GIORNI)[number];
+
+/** Le discipline della sala: il colore di ognuna è definito nel componente del calendario. */
+export const DISCIPLINE = ['REFORMER', 'PILATES', 'YOGA', 'MOBILITY'] as const;
+export type Disciplina = (typeof DISCIPLINE)[number];
+
+export interface RigaCalendario {
+  ora: string;
+  /** Fascia messa in risalto nel foglio del cliente (le righe gialle). */
+  clou?: boolean;
+  celle: Partial<Record<Giorno, Disciplina>>;
+}
+
+export interface Calendario {
+  id: string;
+  /** Come lo chiama il cliente: è anche l'etichetta mostrata in pagina. */
+  titolo: string;
+  sala: string;
+  /** Validità, ISO con offset esplicito (il server gira in UTC). `to: null` = a tempo indeterminato. */
+  from: string;
+  to: string | null;
+  /** Giorni in cui la sala è chiusa: colonna barrata, non vuota — vuoto e chiuso non sono lo stesso. */
+  chiusi: Giorno[];
+  /** Precisazione su una colonna, es. il sabato aperto una volta sola. */
+  noteGiorno?: Partial<Record<Giorno, string>>;
+  righe: RigaCalendario[];
+}
+
+export const calendari: Calendario[] = [
+  {
+    id: 'settembre-1-18',
+    titolo: "Dall'1 al 18 settembre",
+    sala: 'Sala piccola',
+    from: '2026-09-01T00:00:00+02:00',
+    to: '2026-09-18T23:59:59+02:00',
+    chiusi: ['DOM'],
+    noteGiorno: { SAB: 'solo il 12 settembre' },
+    // ⚠️ Il VENERDI' non ha nessuna class in questo periodo, ed e' voluto: le tre che
+    // c'erano (MOBILITY 8.30, REFORMER 9.15 e 10.00) sono state tolte su richiesta del
+    // cliente l'01/09/2026, ed erano tutte di mattina. Non e' una trascrizione monca:
+    // confrontando questa griglia con quella dal 21 settembre — dove il venerdi' c'e' —
+    // la differenza salta all'occhio e sembra un errore. Non lo e'.
+    // La colonna resta VUOTA e non barrata: togliere le class non vuol dire che la sala
+    // sia chiusa, e nessuno ce l'ha detto (scelta di Adriano, 01/09).
+    righe: [
+      { ora: '6.15', celle: {} },
+      { ora: '7.00', clou: true, celle: { MAR: 'YOGA' } },
+      { ora: '7.45', clou: true, celle: { MAR: 'PILATES', MER: 'REFORMER' } },
+      { ora: '8.30', celle: { MER: 'REFORMER' } },
+      { ora: '9.15', celle: { SAB: 'MOBILITY' } },
+      { ora: '10.00', celle: { SAB: 'PILATES' } },
+      { ora: '10.45', celle: { SAB: 'REFORMER' } },
+      { ora: '11.30', celle: { SAB: 'REFORMER' } },
+      { ora: '12.15', clou: true, celle: { MAR: 'REFORMER', MER: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '13.00', clou: true, celle: { MAR: 'REFORMER', MER: 'PILATES', GIO: 'REFORMER' } },
+      { ora: '13.45', celle: {} },
+      { ora: '14.30', celle: { MAR: 'REFORMER' } },
+      { ora: '15.15', celle: { MAR: 'MOBILITY' } },
+      { ora: '16.00', celle: {} },
+      { ora: '16.45', celle: { MAR: 'REFORMER' } },
+      { ora: '17.30', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '18.15', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '19.00', clou: true, celle: { MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '19.45', clou: true, celle: { MAR: 'REFORMER', GIO: 'PILATES' } },
+    ],
+  },
+  {
+    id: 'settembre-21-in-poi',
+    titolo: 'Dal 21 settembre in poi',
+    sala: 'Sala piccola',
+    from: '2026-09-21T00:00:00+02:00',
+    to: null,
+    chiusi: ['DOM'],
+    righe: [
+      { ora: '6.15', celle: { MER: 'MOBILITY' } },
+      { ora: '7.00', clou: true, celle: { MAR: 'YOGA', MER: 'REFORMER' } },
+      { ora: '7.45', clou: true, celle: { MAR: 'PILATES', MER: 'REFORMER', VEN: 'PILATES' } },
+      { ora: '8.30', celle: { MAR: 'REFORMER', MER: 'REFORMER', VEN: 'MOBILITY' } },
+      { ora: '9.15', celle: { VEN: 'REFORMER', SAB: 'MOBILITY' } },
+      { ora: '10.00', celle: { VEN: 'REFORMER', SAB: 'PILATES' } },
+      { ora: '10.45', celle: { SAB: 'REFORMER' } },
+      { ora: '11.30', celle: { GIO: 'YOGA', SAB: 'REFORMER' } },
+      { ora: '12.15', clou: true, celle: { MAR: 'REFORMER', MER: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '13.00', clou: true, celle: { MAR: 'REFORMER', MER: 'PILATES', GIO: 'REFORMER' } },
+      { ora: '13.45', celle: {} },
+      { ora: '14.30', celle: { MAR: 'REFORMER' } },
+      { ora: '15.15', celle: { MAR: 'MOBILITY' } },
+      { ora: '16.00', celle: {} },
+      { ora: '16.45', celle: { MAR: 'REFORMER' } },
+      // Mercoledì 17.30 e 18.15 sono vuote: nel foglio ricevuto le due celle erano coperte
+      // dal riquadro "Opzioni Incolla" di Excel, e il 17/08/2026 Adriano ha confermato che
+      // lì non c'è niente. Il vuoto qui è una risposta, non una lettura mancata.
+      { ora: '17.30', clou: true, celle: { LUN: 'PILATES', MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '18.15', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '19.00', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'REFORMER' } },
+      { ora: '19.45', clou: true, celle: { LUN: 'REFORMER', MAR: 'REFORMER', GIO: 'PILATES' } },
+    ],
+  },
+];
+
+/**
+ * Giornate che non stanno in nessuna griglia: eventi e chiusure.
+ *
+ * Il 19 e il 20 settembre non compaiono in nessuno dei due fogli, e la ragione non è una
+ * dimenticanza — il sabato c'è la presentazione della nuova apertura e la domenica si sta
+ * chiusi (detto da Adriano il 17/08/2026). Scritto qui, quel vuoto smette di sembrare un
+ * errore di trascrizione e diventa un'informazione per chi legge gli orari.
+ */
+export interface AvvisoCalendario {
+  id: string;
+  /** `null` = visibile da subito. */
+  from: string | null;
+  /** Ultimo istante in cui ha senso mostrarlo: dopo, sparisce da solo. */
+  to: string;
+  quando: string;
+  testo: string;
+}
+
+export const avvisi: AvvisoCalendario[] = [
+  {
+    id: 'presentazione-19-settembre',
+    from: null,
+    to: '2026-09-19T23:59:59+02:00',
+    quando: 'Sabato 19 settembre',
+    testo: 'Presentazione della nuova apertura: nessuna class in programma.',
+  },
+  {
+    id: 'chiusura-20-settembre',
+    from: null,
+    to: '2026-09-20T23:59:59+02:00',
+    quando: 'Domenica 20 settembre',
+    testo: 'Chiuso.',
+  },
+];
+
+/** Gli avvisi ancora validi, in ordine di scadenza: i più imminenti per primi. */
+export function avvisiAttivi(now: Date, list: AvvisoCalendario[] = avvisi): AvvisoCalendario[] {
+  const t = now.getTime();
+  return list
+    .filter((a) => (a.from === null || t >= Date.parse(a.from)) && t <= Date.parse(a.to))
+    .sort((x, y) => Date.parse(x.to) - Date.parse(y.to));
+}
+
+/**
+ * Le schede servizio da cui si apre il calendario della sala.
+ *
+ * Sono le due class che si fanno davvero: la Performance Class è uscita di scena il
+ * 17/08/2026 (il cliente non la eroga più) e con lei la sua scheda.
+ */
+export const PAGINE_CON_CALENDARIO = ['holistic-class', 'reformer-class'];
+
+/**
+ * Le card della griglia /services che portano il bottone del calendario.
+ *
+ * È un elenco a parte, e non un doppione del precedente: nella griglia la card si chiama
+ * «Class» ma ha slug `performance-class`, e da lì si va alla vista Training con Holistic e
+ * Reformer. Il calendario è lo stesso, il punto da cui si apre no.
+ */
+export const CARD_CON_CALENDARIO = ['performance-class'];
+
+export interface CalendarioMostrato {
+  cal: Calendario;
+  stato: 'in-corso' | 'futuro';
+}
+
+/**
+ * I calendari da mostrare: quello in vigore e quelli che verranno, in ordine di partenza.
+ *
+ * Si vedono **tutti insieme**, non solo quello del momento: chi guarda a fine agosto vuole
+ * sapere com'è settembre per intero, e vedere una griglia sola gli farebbe credere che sia
+ * quella per sempre. Ognuna porta il proprio stato, così l'orario in vigore adesso non si
+ * confonde con quello che comincerà dopo.
+ *
+ * Gli orari **scaduti spariscono da soli**: dal 21 settembre resta il solo foglio valido, e
+ * nessuno rischia di leggere le lezioni di un periodo finito.
+ */
+export function calendariDaMostrare(now: Date, list: Calendario[] = calendari): CalendarioMostrato[] {
+  const t = now.getTime();
+  return list
+    .filter((c) => c.to === null || t <= Date.parse(c.to))
+    .sort((a, b) => Date.parse(a.from) - Date.parse(b.from))
+    .map((cal) => ({ cal, stato: t >= Date.parse(cal.from) ? 'in-corso' : 'futuro' }));
+}
@@ -0,0 +1,508 @@
+import type { StyleGroup } from '../lib/style-presets';
+import { site } from './site';
+import { trainings } from './trainings';
+import { team } from './team';
+import { methodIntro, methodExtraNote, methodSteps } from './method';
+import { partners } from './partners';
+import { disciplines, days, slots } from './agenda';
+import { services } from './services';
+import { performanceClassPricing } from './pricing';
+
+export type ContentType = 'text' | 'html' | 'image';
+export interface SeedEntry { tag: string; type: ContentType; value: string; styleOptions?: StyleGroup[] }
+
+const T = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color', 'weight', 'style', 'align']): SeedEntry =>
+  ({ tag, type: 'text', value, styleOptions });
+const H = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color', 'align']): SeedEntry =>
+  ({ tag, type: 'html', value, styleOptions });
+const I = (tag: string): SeedEntry => ({ tag, type: 'image', value: '' });
+
+export const contentSeed: SeedEntry[] = [
+  // --- Globali (site.ts) ---
+  T('global.contact.phone', site.phone, []),
+  T('global.contact.email', site.email, []),
+  T('global.contact.address', site.address, []),
+  T('global.contact.city-line', site.cityLine, []),
+  T('global.contact.map-query', site.mapQuery, []),
+  T('global.whatsapp', '351 753 5977', []),
+  T('global.hours.1', site.hours[0], []),
+  T('global.hours.2', site.hours[1], []),
+  T('global.nav.1.label', site.navigation[0].label, []),
+  T('global.nav.2.label', site.navigation[1].label, []),
+  T('global.nav.3.label', site.navigation[2].label, []),
+  T('global.nav.4.label', site.navigation[3].label, []),
+  T('global.nav.5.label', site.navigation[4].label, []),
+  T('global.nav.6.label', site.navigation[5].label, []),
+
+  // --- Header ---
+  T('header.logo.alt', 'InsanityLab', []),
+  I('header.logo.image'),
+
+  // --- Footer ---
+  I('footer.logo.image'),
+  H('footer.tagline', 'PERFORMANCE.&nbsp; BALANCE.&nbsp; LONGEVITY.'),
+  T('footer.about', 'Promuoviamo il movimento come cura di sé. Abitudini sostenibili per benessere fisico e mentale.'),
+  T('footer.col.training-title', 'Training'),
+  T('footer.col.services-title', 'Servizi'),
+  T('footer.col.contact-title', 'Contact'),
+  H('footer.copyright', '<strong>Insanitylab</strong>, All Rights Reserved'),
+  T('footer.social-label', 'Seguici', []),
+  T('footer.training.1.label', site.footerTraining[0].label, []),
+  T('footer.training.2.label', site.footerTraining[1].label, []),
+  T('footer.training.3.label', site.footerTraining[2].label, []),
+  T('footer.training.4.label', site.footerTraining[3].label, []),
+  T('footer.training.5.label', site.footerTraining[4].label, []),
+  T('footer.training.6.label', site.footerTraining[5].label, []),
+  T('footer.services.1.label', site.footerServices[0].label, []),
+  T('footer.services.2.label', site.footerServices[1].label, []),
+  T('footer.services.3.label', site.footerServices[2].label, []),
+  T('footer.services.4.label', site.footerServices[3].label, []),
+  T('footer.services.5.label', site.footerServices[4].label, []),
+  T('footer.services.6.label', site.footerServices[5].label, []),
+
+  // --- Contact form ---
+  T('form.field.first-name', 'Nome', []),
+  T('form.field.last-name', 'Cognome', []),
+  T('form.field.phone', 'Telefono', []),
+  T('form.field.email', 'E-mail', []),
+  T('form.field.message', 'Messaggio', []),
+  T('form.submit', 'Invia messaggio'),
+  T('form.msg.success', 'Messaggio inviato, ti ricontatteremo al più presto.', []),
+  T('form.msg.error-generic', 'Errore di invio, riprova più tardi.', []),
+  T('form.msg.error-network', 'Errore di rete, riprova più tardi.', []),
+
+  // --- Home: meta, training heading ---
+  T('home.meta.title', 'Performance. Balance. Longevity.', []),
+  T('home.training.title', 'Training'),
+  T('home.training.subtitle', 'Porta i tuoi allenamenti al livello successivo: trova il percorso più adatto alle tue esigenze.'),
+
+  // --- Home: hero ---
+  T('home.hero.title-line-1', 'PERFORMANCE.'),
+  T('home.hero.title-line-2', 'BALANCE.'),
+  T('home.hero.title-line-3', 'LONGEVITY.'),
+  T('home.hero.cta', 'Scopri'),
+  I('home.hero.image'),
+
+  // --- Home: info columns ---
+  T('home.info.col1.title', 'PERFORMANCE.'),
+  T('home.info.col2.title', 'BALANCE.'),
+  T('home.info.col3.title', 'LONGEVITY.'),
+  I('home.info.col1.image'),
+  I('home.info.col2.image'),
+  I('home.info.col3.image'),
+
+  // --- Home: feature blocks ---
+  T('home.feature.performance.title', 'PERFORMANCE'),
+  T('home.feature.performance.body', 'Allenamenti progettati su misura per adattarsi ai tuoi obiettivi e al tuo livello. Programmi mirati che sviluppano forza, resistenza e funzionalità in modo equilibrato. Un metodo efficace per migliorare le performance e ottenere risultati concreti e duraturi.'),
+  T('home.feature.performance.cta', 'Scopri'),
+  T('home.feature.balance.title', 'BALANCE'),
+  T('home.feature.balance.body', 'L’equilibrio tra corpo e mente è la base di ogni performance duratura. Attraverso movimento, recupero e gestione dello stress, costruiamo stabilità e controllo. Un approccio integrato che sostiene benessere, energia e continuità nel tempo.'),
+  T('home.feature.balance.cta', 'Scopri'),
+  T('home.feature.longevity.title', 'LONGEVITY'),
+  T('home.feature.longevity.body', 'Benessere completo tra movimento, nutrizione e stile di vita. Un percorso personalizzato che unisce prevenzione, recupero ed equilibrio. Investi nella tua salute e qualità della vita nel tempo.'),
+  T('home.feature.longevity.cta', 'Scopri'),
+  I('home.feature.performance.image'),
+  I('home.feature.balance.image'),
+  I('home.feature.longevity.image'),
+
+  // --- Home: quote banner ---
+  H('home.quote.text', '<strong>PERFORMANCE</strong> È SPINGERE OLTRE I PROPRI LIMITI, <strong>BALANCE</strong> È SAPERLI ASCOLTARE, <strong>LONGEVITY</strong> È COSTRUIRE NEL TEMPO CIÒ CHE DAVVERO CONTA.'),
+  T('home.quote.cite', 'Insanitylab', []),
+  I('home.quote.image'),
+
+  // --- Home: training cards (data-driven da trainings.ts) ---
+  T('home.training-cards.link-label', 'Scopri', []),
+  ...trainings.flatMap((tr) => [
+    T(`training.${tr.id}.title`, tr.title),
+    T(`training.${tr.id}.caption`, tr.caption),
+    T(`training.${tr.id}.description`, tr.description),
+    T(`training.${tr.id}.cta-label`, tr.cta.label, []),
+    I(`training.${tr.id}.image`),
+  ]),
+
+  // --- Home: servizi ---
+  T('home.services.title', 'Servizi'),
+  T('home.services.body', 'Questi sono i servizi delle classi di Insanity Lab selezionati per voi. Abbiamo scelto i migliori percorsi per offrirvi un’esperienza di allenamento completa e mirata.'),
+
+  // --- Home: team (data-driven da team.ts) ---
+  H('home.team.title', 'Team<br />Trainer'),
+  T('home.team.cta', 'Scopri team', []),
+  ...team.flatMap((m) => {
+    const slug = m.shortName.toLowerCase();
+    return [
+      T(`team.${slug}.name`, m.name, []),
+      T(`team.${slug}.short-name`, m.shortName),
+      T(`team.${slug}.role`, m.role, []),
+      T(`team.${slug}.bio`, m.bio),
+      I(`team.${slug}.image`),
+      I(`team.${slug}.image-about`),
+    ];
+  }),
+
+  // --- Home: metodo (data-driven da method.ts) ---
+  H('home.method.title', 'Il metodo<br />InsanityLab'),
+  T('home.method.cta', 'Contattaci', []),
+  H('method.intro', methodIntro.replace('Metodo Insanitylab', '<strong>Metodo Insanitylab</strong>')),
+  T('method.extra-note', methodExtraNote, []),
+  ...methodSteps.flatMap((s) => [
+    T(`method.step.${s.n}.title`, s.title),
+    T(`method.step.${s.n}.text`, s.text),
+    I(`method.step.${s.n}.image`),
+  ]),
+
+  // --- Home: partner (data-driven da partners.ts) ---
+  ...partners.flatMap((p, i) => [
+    T(`partner.${i + 1}.name`, p.name, []),
+    I(`partner.${i + 1}.image`),
+  ]),
+
+  // --- Agenda (scope limitato: titolo, discipline, giorni, slot — celle escluse) ---
+  T('agenda.title', 'Agenda'),
+  ...disciplines.map((d, i) => T(`agenda.discipline.${i + 1}`, d, [])),
+  ...days.map((d, i) => T(`agenda.day.${i + 1}`, d, [])),
+  ...slots.map((s, i) => T(`agenda.slot.${i + 1}`, s, [])),
+
+  // --- About: meta, hero ---
+  T('about.meta.title', 'Insanitylab', []),
+  T('about.meta.description', 'Mission, storia, team e metodo di InsanityLab: un laboratorio esclusivo dove movimento, prevenzione e performance convivono in un approccio personalizzato.', []),
+  T('about.hero.title', 'About us', []),
+
+  // --- About: mission ---
+  T('about.mission.title', 'Mission'),
+  T('about.mission.body', 'In InsanityLab crediamo che il movimento non debba essere vissuto come un obbligo o un sacrificio, ma come una forma autentica di cura di sé. La nostra missione è accompagnare ogni persona in un percorso di consapevolezza, aiutandola a riscoprire il benessere fisico e mentale attraverso un approccio sostenibile, concreto e duraturo.'),
+  I('about.mission.image'),
+
+  // --- About: direzione + approccio ---
+  T('about.direzione.title', 'Direzione'),
+  T('about.direzione.body', 'Non ci limitiamo ad allenare il corpo: creiamo percorsi personalizzati che uniscono movimento, equilibrio e benessere, attraverso il supporto di professionisti qualificati, programmi su misura e un approccio centrato sulla persona e su risultati duraturi.'),
+  T('about.direzione.cta', 'Scopri'),
+  T('about.approccio.title', 'Approccio'),
+  T('about.approccio.body', 'InsanityLab si distingue per un approccio serio e personalizzato al benessere, basato su competenze specializzate, costanza e cura quotidiana, rivolto a chiunque voglia migliorare il proprio stile di vita in modo consapevole e duraturo.'),
+  T('about.approccio.cta', 'Contattaci'),
+
+  // --- About: about ---
+  T('about.about.title', 'About'),
+  T('about.about.body', "InsanityLab nasce dalla visione di creare uno spazio dove il fitness incontrasse la salute in modo reale e profondo, non superficiale. L'idea di partenza era semplice ma rivoluzionaria nel settore: il movimento non dovrebbe essere vissuto come un sacrificio estetico, ma come un atto di cura verso se stessi. Da questa convinzione è nato un laboratorio esclusivo di benessere, pensato da chi conosce il corpo in profondità — non solo come semplici trainer, ma come osteopati e chinesiologi esperti del movimento."),
+  I('about.about.image'),
+
+  // --- About: convenzioni ---
+  T('about.convenzioni.title', 'Convenzioni'),
+  T('about.convenzioni.body', "InsanityLab collabora con aziende, enti e organizzazioni che desiderano investire concretamente nel benessere delle proprie persone, attraverso programmi dedicati alla salute, al movimento e alla qualità della vita. Le convenzioni nascono con l'obiettivo di portare il valore del benessere anche all'interno del contesto professionale, creando percorsi che favoriscano equilibrio fisico, prevenzione e performance quotidiana."),
+  T('about.convenzioni.item1', 'Le realtà convenzionate possono accedere a programmi di welfare aziendale personalizzati.'),
+  T('about.convenzioni.item2', 'Ogni collaborazione parte da una consulenza preliminare per analizzare esigenze e obiettivi, così da sviluppare soluzioni efficaci e sostenibili.'),
+  T('about.convenzioni.item3', "Le convenzioni vengono definite su misura insieme a InsanityLab, in base alle caratteristiche e alle necessità dell'azienda partner."),
+  T('about.convenzioni.cta-text', 'Per ricevere maggiori informazioni o attivare una convenzione:', []),
+  I('about.convenzioni.image'),
+
+  // --- About: team ---
+  T('about.team.title', 'Team'),
+  T('about.team.body', 'Il team di InsanityLab riunisce professionisti specializzati in allenamento, salute e benessere, con un approccio multidisciplinare basato su competenza, personalizzazione e attenzione alla persona.'),
+  T('about.team.staff-intro', 'Accanto ai fondatori opera un team in continua crescita composto da trainer e professionisti con specializzazioni complementari:'),
+
+  // --- About: metodo ---
+  T('about.metodo.title', 'Metodo'),
+  T('about.metodo.body', 'Il team InsanityLab lavora con un approccio empatico e personalizzato, seguendo ogni persona in un percorso continuo e su misura. Unisce competenze multidisciplinari in allenamento, prevenzione, riabilitazione e performance, supportate da formazione costante. Il metodo si basa su sinergia, condivisione e qualità, per generare risultati concreti e duraturi.'),
+  T('about.metodo.closing', 'In poche parole, il team di InsanityLab è composto da professionisti che credono profondamente in ciò che fanno: un gruppo unito da valori condivisi, formato per eccellere e guidato dalla convinzione che il movimento sia uno strumento di benessere, equilibrio e qualità della vita.'),
+  I('about.metodo.image'),
+
+  // --- About: studios ---
+  T('about.studios.title', 'In-Sanity Studios'),
+  T('about.studios.body1', "IN-SANITY STUDIOS è il nuovo spazio professionale nato dall'evoluzione di InsanityLab, dedicato ai professionisti della salute e del benessere."),
+  T('about.studios.body2', "Il progetto nasce con l'obiettivo di offrire a liberi professionisti uno spazio elegante, riservato e già attrezzato, in cui poter svolgere la propria attività all'interno di un contesto consolidato e altamente qualificato, senza dover affrontare i costi e le complessità di una struttura indipendente."),
+  T('about.studios.body3', 'IN-SANITY STUDIOS si rivolge a figure specializzate nel settore salute e wellness, come fisioterapisti, osteopati, psicologi, nutrizionisti, massaggiatori e altri professionisti dedicati alla cura della persona. Ogni studio è progettato per garantire comfort, professionalità e continuità operativa, all\'interno di un ambiente coerente con la filosofia di InsanityLab: mettere il benessere globale della persona al centro del percorso.'),
+  I('about.studios.image'),
+
+  // --- About: vision ---
+  T('about.vision.title', 'Vision'),
+  T('about.vision.body1', "InsanityLab nasce con l'obiettivo di aiutare le persone a ritrovare energia ed equilibrio attraverso il movimento, promuovendo un approccio autentico, scientifico e umano al benessere. La sua visione va oltre l'estetica e la performance: allenarsi significa prendersi cura di sé, costruendo abitudini sane, sostenibili e orientate alla longevità, alla prevenzione e alla qualità della vita."),
+  T('about.vision.body2', "L'obiettivo è diventare un punto di riferimento capace di lasciare un impatto reale nella comunità, trasformando il movimento in uno strumento di salute, consapevolezza e identità."),
+  I('about.vision.image'),
+
+  // --- About: storylab + timeline (Timeline.astro) ---
+  T('about.storylab.title', 'Storylab'),
+  T('about.storylab.body', 'Scopri la nostra storia: come nasce InsanityLab, perché abbiamo deciso di creare qualcosa di diverso e chi sono i visionari che hanno trasformato questa idea in un nuovo modo di vivere benessere, movimento e salute.'),
+  T('about.timeline.label', 'INSANITYLAB 2021-2024', []),
+  T('about.timeline.open-text', "Il percorso di crescita di InsanityLab si è sviluppato attraverso tappe precise e coerenti con la visione iniziale. Nato nel 2021 con un piccolo team e grandi ambizioni, il progetto ha conosciuto una forte evoluzione nel 2024, anno in cui il servizio si è ampliato attraverso nuovi format come i Personalized Training Group e una sempre maggiore specializzazione nella profilazione fisica del cliente, grazie a sistemi avanzati di valutazione e monitoraggio. Parallelamente, anche l'area dedicata alla riabilitazione e all'esercizio preventivo si è consolidata, ponendo le basi per un importante salto di qualità."),
+  T('about.timeline.stage1.label', 'INSANITYLAB 2025', []),
+  T('about.timeline.stage1.text', 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.'),
+  T('about.timeline.stage2.label', 'INSANITYLAB 2026', []),
+  T('about.timeline.stage2.text', 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.'),
+  T('about.timeline.stage3.label', 'INSANITYLAB OGGI', []),
+  T('about.timeline.stage3.text', 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.'),
+  // --- Services: lista (/services) ---
+  T('services.meta.title', 'Servizi', []),
+  T('services.meta.description', 'I servizi InsanityLab: Personal Training, Class, Coaching, Check-up, Osteopatia e Nutrizione.', []),
+  T('services.hero.title', 'Servizi', []),
+  T('services.intro.body', "Questi sono i servizi delle classi di Insanity Lab selezionati per voi. Abbiamo scelto i migliori percorsi per offrirvi un'esperienza di allenamento completa e mirata."),
+  T('services.card.more-label', 'Per saperne di più →', []),
+
+  // --- Services: dettaglio (data-driven da services.ts) ---
+  ...services.flatMap((p) => [
+    T(`service.${p.slug}.title`, p.title),
+    T(`service.${p.slug}.subtitle`, p.subtitle),
+    T(`service.${p.slug}.excerpt`, p.excerpt),
+    T(`service.${p.slug}.long-description`, p.longDescription),
+    ...p.features.map((f, i) => T(`service.${p.slug}.feature.${i + 1}`, f)),
+    ...p.faq.flatMap((item, i) => [
+      T(`service.${p.slug}.faq.${i + 1}.q`, item.q),
+      T(`service.${p.slug}.faq.${i + 1}.a`, item.a),
+    ]),
+    ...(p.extra
+      ? [
+          T(`service.${p.slug}.extra.title`, p.extra.title),
+          T(`service.${p.slug}.extra.body`, p.extra.body),
+          ...p.extra.items.map((it, i) => T(`service.${p.slug}.extra.item.${i + 1}`, it)),
+        ]
+      : []),
+    I(`service.${p.slug}.image`),
+  ]),
+
+  // --- Services: dettaglio, template ---
+  T('service.side.categories-label', 'Categorie'),
+  T('service.side.category.1', 'Fitness', []),
+  T('service.side.category.2', 'Salute', []),
+  T('service.side.category.3', 'Stile di vita', []),
+  T('service.side.category.4', 'Nutrizione', []),
+  T('service.side.others-label', 'Altri servizi'),
+  H('service.pricing.empty-note', 'Contattaci per i dettagli di questo servizio. <a href="/contact">Scrivici →</a>'),
+  T('service.pricing.per', 'al mese, semestrale', []),
+  T('service.pricing.entries-singular', 'ingresso settimanale', []),
+  T('service.pricing.entries-plural', 'ingressi settimanali', []),
+  T('service.pricing.buy-cta', 'Acquista', []),
+
+  // --- Pricing performance class (data-driven da pricing.ts; monthly/entries restano nel data file) ---
+  T('pricing.heading', performanceClassPricing.heading),
+  T('pricing.intro', performanceClassPricing.intro),
+  ...performanceClassPricing.groups.flatMap((g, gi) => [
+    T(`pricing.group.${gi + 1}.label`, g.label),
+    ...g.plans.flatMap((plan, pi) => [
+      T(`pricing.group.${gi + 1}.plan.${pi + 1}.note`, plan.note, []),
+      T(`pricing.group.${gi + 1}.plan.${pi + 1}.installments`, plan.installments, []),
+      T(`pricing.group.${gi + 1}.plan.${pi + 1}.best`, plan.best, []),
+    ]),
+  ]),
+
+  // --- Training: meta, hero, intro, trial ---
+  T('training.meta.title', 'Training', []),
+  T('training.meta.description', 'One to One, Personalized Training Group, Rehab, Holistic Class, Reformer Class e Coaching: trova il training InsanityLab più adatto a te.', []),
+  T('training.hero.title', 'training', []),
+  T('training.tutti.cta-label', 'Vedi tutti i training', []),
+  T('training.intro.subtitle', 'Porta i tuoi allenamenti al livello successivo: programmi completi e percorsi su misura. Trova il training più adatto alle tue esigenze.'),
+
+  // --- Contact ---
+  T('contact.meta.title', 'Contatti', []),
+  T('contact.meta.description', 'Contatta InsanityLab: Via Leandro Alberti 76, Bologna. Compila il form o chiamaci per una consulenza iniziale.', []),
+  T('contact.hero.title', 'Contattaci', []),
+  I('contact.hero.image'),
+  T('contact.map.button', 'Carica la mappa (Google Maps)', []),
+  T('contact.map.note', 'La mappa viene caricata da Google solo dopo il tuo consenso.', []),
+  T('contact.info.address-label', 'Indirizzo'),
+  T('contact.info.phone-label', 'Telefono'),
+  T('contact.info.email-label', 'E-mail'),
+  T('contact.invite', '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.'),
+
+  // --- Promo ed eventi: scelta (/promo-eventi) ---
+  T('promo-eventi.meta.title', 'Promo ed eventi', []),
+  T('promo-eventi.meta.description', 'Le promozioni in corso e gli eventi di InsanityLab, a partire dall’inaugurazione del nuovo spazio.', []),
+  T('promo-eventi.hero.title', 'Promo ed eventi', []),
+  T('promo-eventi.intro', 'Scegli cosa vuoi vedere: le promozioni attive in questo momento oppure gli eventi in programma al centro.'),
+  T('promo-eventi.promo.label', 'Promo'),
+  T('promo-eventi.promo.desc', 'I pacchetti e le offerte del periodo, con prezzi e condizioni.'),
+  T('promo-eventi.promo.nessuna', 'Nessuna promozione in corso', []),
+  T('promo-eventi.promo.cta', 'Vedi le promo', []),
+  T('promo-eventi.eventi.label', 'Eventi'),
+  T('promo-eventi.eventi.desc', 'Le date da segnare: aperture, presentazioni e appuntamenti in sede.'),
+  T('promo-eventi.eventi.cta', 'Vedi gli eventi', []),
+
+  // --- Eventi (/promo-eventi/eventi) ---
+  T('eventi.meta.title', 'Eventi', []),
+  T('eventi.meta.description', 'Gli eventi InsanityLab: inaugurazione del nuovo spazio il 19 settembre 2026, con aperitivo e dj set.', []),
+  T('eventi.hero.title', 'Eventi', []),
+  T('eventi.inaugurazione.title', 'Inaugurazione'),
+  T('eventi.inaugurazione.date', '19 settembre 2026'),
+  T('eventi.inaugurazione.body', 'Apriamo le porte del nuovo spazio con un aperitivo e dj set. Sarà l’occasione per conoscere lo staff, visitare la struttura e prenotare una prova gratuita dei nostri servizi. Il programma completo della giornata sarà pubblicato a breve.'),
+  T('eventi.cta.label', 'Scrivici su WhatsApp', []),
+  T('eventi.torna.label', '← Torna a promo ed eventi', []),
+
+  // --- 404 ---
+  T('notfound.meta.title', 'Pagina non trovata', []),
+  T('notfound.eyebrow', 'Errore 404', []),
+  T('notfound.title', 'Pagina non trovata'),
+  T('notfound.body', 'La pagina che cerchi non esiste o è stata spostata.'),
+  T('notfound.cta', 'Torna alla home', []),
+
+  // --- Promo ed eventi (promo-eventi.astro) ---
+  // Hero
+  T('promo.hero.badge', 'insanity.lab · bologna savena'),
+  T('promo.hero.title1', 'Allenati con metodo.'),
+  T('promo.hero.accent', 'Scegli come'),
+  T('promo.hero.title2', 'vuoi farlo.'),
+  H('promo.hero.desc', 'Allenati con flessibilità, senza vincoli, da subito.<br>Acquisto online in pochi secondi, pagamento sicuro via Stripe.'),
+  T('promo.hero.cta', 'Le nostre proposte', []),
+  // Launch
+  T('promo.launch.badge', 'solo per apertura nuova sede Settembre 2026'),
+  T('promo.launch.title', 'Il nostro metodo nasce per durare.'),
+  T('promo.launch.accent', "Per l'apertura, un'eccezione. Solo per poco."),
+  T('promo.launch.desc', "In-Sanity Lab lavora per percorsi strutturati — trimestrali, semestrali — perché i risultati veri si costruiscono nel tempo. Per la nuova apertura, ci sarà un'eccezione: 5 incontri pensati come un vero mini-percorso, non semplici lezioni sciolte."),
+  // Perché 5
+  T('promo.why5.text', 'Non è una prova. È un percorso in miniatura — per capire come lavoriamo prima di impegnarti su un programma trimestrale o semestrale.'),
+  // Label bottone acquisto (condivisa dalle 4 card)
+  T('promo.buy-label', 'Acquista', []),
+  // Card 1 — One to One
+  T('promo.card.1.eyebrow', 'Personal training', []),
+  T('promo.card.1.title', 'One to One'),
+  T('promo.card.1.price', '200 €', []),
+  T('promo.card.1.price-old', '300 €', []),
+  T('promo.card.1.unit', '5 incontri', []),
+  T('promo.card.1.feature.1', 'Screening iniziale, definizione dei tuoi obiettivi'),
+  T('promo.card.1.feature.2', 'Check-up con profilazione fisica, il tuo punto di partenza'),
+  T('promo.card.1.feature.3', 'PT dedicato, presente a ogni sessione'),
+  T('promo.card.1.feature.4', 'In-sanity plan, il tuo programma personalizzato'),
+  // Card 2 — Personalized Training Group (in evidenza)
+  T('promo.card.2.badge', 'Più scelto', []),
+  T('promo.card.2.eyebrow', 'Personal training', []),
+  T('promo.card.2.title', 'Personalized Training Group'),
+  T('promo.card.2.price', '125 €', []),
+  T('promo.card.2.price-old', '220 €', []),
+  T('promo.card.2.unit', '5 incontri', []),
+  T('promo.card.2.feature.1', 'Screening iniziale, definizione dei tuoi obiettivi'),
+  T('promo.card.2.feature.2', 'Check-up con profilazione fisica, il tuo punto di partenza'),
+  T('promo.card.2.feature.3', 'PT dedicato, presente a ogni sessione'),
+  T('promo.card.2.feature.4', 'In-sanity plan, il tuo programma personalizzato'),
+  // Card 3 — Reformer
+  T('promo.card.3.eyebrow', 'Pilates class', []),
+  T('promo.card.3.title', 'Reformer'),
+  T('promo.card.3.price', '115 €', []),
+  T('promo.card.3.price-old', '140 €', []),
+  T('promo.card.3.unit', '5 incontri', []),
+  T('promo.card.3.feature.1', 'Core, postura e mobilità su macchina Reformer'),
+  T('promo.card.3.feature.2', 'Lavoro a basso impatto sulle articolazioni'),
+  T('promo.card.3.feature.3', 'Percorso breve, non lezioni isolate'),
+  // Card 4 — Holistic class
+  T('promo.card.4.eyebrow', 'Holistic class', []),
+  T('promo.card.4.title', 'Pilates Mat, Mobility, Yoga'),
+  T('promo.card.4.price', '75 €', []),
+  T('promo.card.4.price-old', '100 €', []),
+  T('promo.card.4.unit', '5 incontri', []),
+  T('promo.card.4.feature.1', 'Mobilità articolare, respirazione, equilibrio'),
+  T('promo.card.4.feature.2', 'Da solo, o integrato nei tuoi allenamenti'),
+  T('promo.card.4.feature.3', 'Adatto a tutti i livelli'),
+  // Countdown alla scadenza della promo. `deadline` è una data ISO con offset: la pagina la
+  // legge, la confronta col tempo del browser e nasconde tutto il blocco quando è passata
+  // (o se il valore non è una data valida). Editabile dal pannello per la finestra successiva.
+  T('promo.countdown.label', 'La promo scade tra', []),
+  T('promo.countdown.deadline', '2026-08-19T23:59:59+02:00', []),
+  T('promo.countdown.unit.days', 'giorni', []),
+  T('promo.countdown.unit.hours', 'ore', []),
+  T('promo.countdown.unit.minutes', 'minuti', []),
+  T('promo.countdown.unit.seconds', 'secondi', []),
+  // Nota validità
+  T('promo.validity-note', 'Promo valida dal 1° al 19 agosto 2026 · Incontri validi entro 2 mesi dal primo incontro e comunque non oltre il 1° dicembre 2026', []),
+  // FAQ — le risposte usano il segnaposto {{whatsapp}}, sostituito a runtime con global.whatsapp
+  T('promo.faq.title', 'Tutto quello che vuoi sapere prima di acquistare.'),
+  // La FAQ 0 è mostrata per prima: numerata così per non rinumerare le esistenti (i tag già
+  // presenti nei DB non verrebbero riscritti dall'INSERT OR IGNORE del seed).
+  T('promo.faq.0.q', 'Come faccio ad acquistare i pacchetti?'),
+  H('promo.faq.0.a', 'Clicca sull\'icona del pacchetto che desideri acquistare e compila tutti i campi richiesti per completare la registrazione.<br><br>Una volta terminata l\'iscrizione, riceverai un\'email con le istruzioni per scaricare la nostra app <span class="hl">Bsport</span>. Dopo aver effettuato l\'accesso, entra nella sezione <span class="hl">Club</span>: qui troverai tutti i pacchetti disponibili. Seleziona quello che preferisci e completa l\'acquisto direttamente dall\'app effettuando il pagamento.<br><br>Se hai bisogno di aiuto scrivi su <span class="hl">WhatsApp ({{whatsapp}})</span> e sarai presto ricontattato!'),
+  T('promo.faq.1.q', 'Come funziona il pacchetto a incontri per One to One e Personalized Training Group?'),
+  H('promo.faq.1.a', 'Per acquistare il pacchetto online segui le istruzioni riportate nella risposta della prima domanda. Una volta avvenuto con successo l\'acquisto, potrai contattarci scrivendoci su <span class="hl">WhatsApp ({{whatsapp}})</span> per prenotare lo screening iniziale ovvero il colloquio conoscitivo per la definizione dei tuoi obiettivi. Verrai ricontattato subito tramite messaggio o chiamata! Gli incontri sono validi 2 mesi dalla data del primo incontro e comunque non oltre il 1° dicembre 2026.'),
+  T('promo.faq.2.q', 'Come funziona il percorso Reformer o Holistic Class?'),
+  H('promo.faq.2.a', 'Per acquistare il pacchetto online segui le istruzioni riportate nella risposta della prima domanda. Una volta scaricata l\'app <span class="hl">Bsport</span> e acquistato il pacchetto potrai procedere a selezionare autonomamente la class che preferisci nel giorno e nell\'orario che desideri. Gli orari delle class saranno pubblicati entro Settembre. In caso di problemi contattaci su <span class="hl">WhatsApp ({{whatsapp}})</span>! Gli incontri sono validi 2 mesi dalla data del primo incontro e comunque non oltre il 1° dicembre 2026.'),
+  T('promo.faq.3.q', 'Posso usare gli incontri su servizi diversi?'),
+  H('promo.faq.3.a', 'Ogni pacchetto è dedicato a un singolo servizio (<span class="hl">One to One</span>, <span class="hl">Personalized Training Group</span>, <span class="hl">Reformer</span> o <span class="hl">Holistic Class</span>). Se vuoi accedere a più servizi puoi acquistare pacchetti separati per ciascuno.'),
+  T('promo.faq.4.q', 'Posso regalare un pacchetto a qualcun altro?'),
+  H('promo.faq.4.a', 'Sì. Puoi acquistare il pacchetto a tuo nome — per la fatturazione — e farlo utilizzare a un\'altra persona: perfetto se vuoi fare un regalo a un amico o un familiare. Ti basterà comunicarci chi userà gli incontri quando ci scriverai su <span class="hl">WhatsApp ({{whatsapp}})</span> per organizzare le sessioni.'),
+  T('promo.faq.5.q', 'Il pagamento è sicuro?'),
+  H('promo.faq.5.a', 'Sì. Il pagamento avviene tramite <span class="hl">Stripe</span>, una delle piattaforme di pagamento online più sicure al mondo. I tuoi dati bancari non vengono mai condivisi con insanity.lab — tutto è gestito in modo cifrato da Stripe.'),
+  T('promo.faq.6.q', 'Posso chiedere un rimborso?'),
+  H('promo.faq.6.a', 'Per richieste di rimborso o problemi con l\'acquisto scrivici su <span class="hl">WhatsApp</span> o via email. Valutiamo ogni situazione in modo diretto e umano.'),
+
+  // --- Calendario delle class (popup dalle pagine servizio) ---
+  // La griglia è dato (`data/calendari.ts`); qui ci sono solo le etichette attorno.
+  T('calendario.link-label', 'Calendario', []),
+  T('calendario.pdf-label', 'Scarica in PDF', []),
+  T('calendario.chiudi-label', 'Chiudi', []),
+  T('calendario.futuro-label', 'In vigore dal', []),
+  T('calendario.chiuso-label', 'Chiuso', []),
+  T('calendario.nota', 'Gli orari possono subire variazioni. Le lezioni si prenotano dall\'app Bsport.'),
+
+  // --- Pagina promo, stato "nessuna promozione in corso" ---
+  // Fra un'edizione e la successiva la pagina resta raggiungibile (è nel menu e nei link già
+  // girati ai clienti): mostra questo invece dei prezzi di una promozione finita.
+  T('promo.chiusa.title', 'Nessuna promozione in corso'),
+  H('promo.chiusa.desc', 'Le offerte di apertura sono terminate.<br>Scrivici su WhatsApp: ti raccontiamo i percorsi attivi e troviamo quello giusto per te.'),
+  T('promo.chiusa.cta', 'Scrivici su WhatsApp', []),
+
+  // --- Opening Bundles (edizione `bundle-apertura`, dal 20 agosto al 4 settembre 2026) ---
+  // Testi dal volantino fornito dal cliente il 13/08. La struttura delle card (domanda,
+  // descrizione, riquadro date) è dichiarata in `data/promo-edizioni.ts`.
+  T('bundle.hero.badge', 'New Opening · Offerta esclusiva'),
+  T('bundle.hero.title1', 'Opening Bundles.'),
+  T('bundle.hero.accent', 'Non è uno sconto.'),
+  T('bundle.hero.title2', 'È un accesso privilegiato.'),
+  H('bundle.hero.desc', 'Tre percorsi costruiti su misura, disponibili solo per la nuova apertura.<br>Acquistabili fino al 4 settembre, utilizzabili dal 1° settembre al 1° dicembre.'),
+  T('bundle.hero.cta', 'Scopri i tre percorsi', []),
+
+  T('bundle.buy-label', 'Acquista', []),
+
+  T('bundle.card.1.eyebrow', 'Personal Training', []),
+  T('bundle.card.1.title', 'Intensive'),
+  T('bundle.card.1.question', 'Ti alleni ma non vedi risultati?'),
+  T('bundle.card.1.price', '450 €', []),
+  T('bundle.card.1.price-old', '770 €', []),
+  T('bundle.card.1.feature.1', 'Profilazione Avanzata'),
+  T('bundle.card.1.feature.2', '8 sessioni PT 1:1'),
+  T('bundle.card.1.feature.3', '4 Community Class'),
+  T('bundle.card.1.desc', 'Un check-up avanzato per conoscere davvero il tuo corpo — poi 2 sessioni di Personal Training e una Community Class a settimana. Un mese per capire di cosa sei capace.'),
+  T('bundle.card.1.note-label', 'Periodo di utilizzo', []),
+  H('bundle.card.1.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
+
+  T('bundle.card.2.eyebrow', 'Pilates & Holistic', []),
+  T('bundle.card.2.title', 'Restore'),
+  T('bundle.card.2.question', 'Hai dolori, rigidità o ti senti bloccato?'),
+  T('bundle.card.2.price', '170 €', []),
+  T('bundle.card.2.price-old', '220 €', []),
+  T('bundle.card.2.feature.1', '4 Pilates Reformer'),
+  T('bundle.card.2.feature.2', '4 Holistic Class'),
+  T('bundle.card.2.desc', 'Se hai dolori, rigidità, o semplicemente vuoi prenderti cura di te con dolcezza. Reformer e Holistic Class lavorano insieme per rimettere il corpo in equilibrio — mobilità, core, respiro. Senza forzare, senza improvvisare.'),
+  T('bundle.card.2.note-label', 'Periodo di utilizzo', []),
+  H('bundle.card.2.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
+
+  T('bundle.card.3.eyebrow', 'Training & Wellness', []),
+  T('bundle.card.3.title', 'Recharge'),
+  T('bundle.card.3.question', 'Sei stanco e svuotato anche dopo una notte di sonno?'),
+  T('bundle.card.3.price', '250 €', []),
+  T('bundle.card.3.price-old', '310 €', []),
+  T('bundle.card.3.feature.1', 'Analisi HRV'),
+  T('bundle.card.3.feature.2', '4 Pilates Reformer'),
+  T('bundle.card.3.feature.3', '3 Training Group'),
+  T('bundle.card.3.desc', 'Stanco, svuotato, fuori ritmo. Attraverso l\'analisi HRV misuriamo il tuo livello di stress e il tuo stato energetico reale — poi Reformer e Training Group per farti ripartire davvero.'),
+  T('bundle.card.3.note-label', 'Periodo di utilizzo', []),
+  H('bundle.card.3.note', 'Acquistabile fino al <strong>4 settembre</strong>.<br>Utilizzabile dal 1° settembre al 1° dicembre.'),
+
+  // La deadline è la stessa fine dell'edizione in `promo-edizioni.ts`: un test lo verifica,
+  // perché un countdown che scade a un'ora diversa dallo scambio fa contraddire il sito.
+  T('bundle.countdown.label', 'I bundle scadono tra', []),
+  T('bundle.countdown.deadline', '2026-09-04T23:59:59+02:00', []),
+  T('bundle.countdown.unit.days', 'giorni', []),
+  T('bundle.countdown.unit.hours', 'ore', []),
+  T('bundle.countdown.unit.minutes', 'minuti', []),
+  T('bundle.countdown.unit.seconds', 'secondi', []),
+
+  T('bundle.validity-note', 'Acquistabili fino al 4 settembre 2026 · Utilizzabili dal 1° settembre al 1° dicembre 2026'),
+
+  T('bundle.faq.title', 'Tutto quello che vuoi sapere prima di acquistare.'),
+  T('bundle.faq.0.q', 'Come faccio ad acquistare un bundle?'),
+  H('bundle.faq.0.a', 'Clicca sul bundle che desideri e compila tutti i campi richiesti per completare la registrazione.<br><br>Una volta terminata l\'iscrizione, riceverai un\'email con le istruzioni per scaricare la nostra app <span class="hl">Bsport</span>. Dopo aver effettuato l\'accesso, entra nella sezione <span class="hl">Club</span>: qui troverai tutti i pacchetti disponibili. Seleziona il bundle che preferisci e completa l\'acquisto direttamente dall\'app effettuando il pagamento.<br><br>Se hai bisogno di aiuto scrivi su <span class="hl">WhatsApp ({{whatsapp}})</span> e sarai presto ricontattato!'),
+  T('bundle.faq.1.q', 'Entro quando posso acquistarlo, e entro quando devo usarlo?'),
+  H('bundle.faq.1.a', 'I bundle si acquistano <span class="hl">fino al 4 settembre 2026</span> e si utilizzano <span class="hl">dal 1° settembre al 1° dicembre 2026</span>. Dopo l\'acquisto scrivici su <span class="hl">WhatsApp ({{whatsapp}})</span> per fissare il primo incontro: verrai ricontattato subito tramite messaggio o chiamata.'),
+  T('bundle.faq.2.q', 'Posso scambiare gli incontri fra un bundle e l\'altro?'),
+  H('bundle.faq.2.a', 'No: ogni bundle è un percorso costruito su un obiettivo preciso, e le attività che contiene lavorano insieme. Se ti interessano servizi di bundle diversi puoi acquistarne più di uno, oppure scrivici su <span class="hl">WhatsApp ({{whatsapp}})</span> e ti aiutiamo a scegliere.'),
+  T('bundle.faq.3.q', 'Posso regalare un bundle a qualcun altro?'),
+  H('bundle.faq.3.a', 'Sì. Puoi acquistare il bundle a tuo nome — per la fatturazione — e farlo utilizzare a un\'altra persona. Ti basterà comunicarci chi userà gli incontri quando ci scriverai su <span class="hl">WhatsApp ({{whatsapp}})</span> per organizzare le sessioni.'),
+  T('bundle.faq.4.q', 'Il pagamento è sicuro?'),
+  H('bundle.faq.4.a', 'Sì. Il pagamento avviene tramite <span class="hl">Stripe</span>, una delle piattaforme di pagamento online più sicure al mondo. I tuoi dati bancari non vengono mai condivisi con insanity.lab — tutto è gestito in modo cifrato da Stripe.'),
+
+];
+
+export const seedByTag = new Map(contentSeed.map((e) => [e.tag, e]));
@@ -0,0 +1,9 @@
+export const methodIntro = "Il Metodo Insanitylab si basa su un percorso strutturato in fasi, dove le prime due rappresentano il focus standard del lavoro: valutazione iniziale e avvio dell’allenamento personalizzato. A queste possono essere aggiunti servizi e approfondimenti extra, in base alle esigenze e agli obiettivi della persona.";
+export const methodExtraNote = "Disponibili su richiesta, non incluse nel percorso standard.";
+
+export const methodSteps = [
+  { n: 1, title: "Prima consulenza conoscitiva iniziale", text: "La base di partenza per definire le priorità del percorso di ciascun cliente.", extra: false, image: "method-step-1" },
+  { n: 2, title: "Check-up fisico", text: "Profilazione fisica per definire lo stato di salute iniziale del cliente.", extra: false, image: "method-step-2" },
+  { n: 3, title: "Insanity plan", text: "Definizione del programma personalizzato con protocolli scientificamente validati costruiti sul cliente.", extra: true, image: "method-step-3" },
+  { n: 4, title: "Monitoraggio costante", text: "Monitoraggio live durante le sessioni di allenamento attraverso strumentazione e sensoristica avanzata. Misurazione periodica dei progressi.", extra: true, image: "method-step-4" },
+];
@@ -0,0 +1,6 @@
+export const partners = [
+  { name: "Ticket Welfare Edenred", image: "partner-edenred" },
+  { name: "Welbee", image: "partner-welbee" },
+  { name: "AON", image: "partner-aon" },
+  { name: "Howden", image: "partner-howden" },
+];
@@ -0,0 +1,24 @@
+// Piattaforme riservate: sezioni applicative accessibili solo ai ruoli `piattaforme` e `admin`.
+// Elenco unico usato dal menu dell'header e dalla pagina indice /piattaforme, così aggiungerne
+// una in futuro è una riga sola.
+export interface Piattaforma {
+  slug: string;
+  label: string;
+  href: string;
+  description: string;
+}
+
+export const piattaforme: Piattaforma[] = [
+  {
+    slug: 'campus',
+    label: 'Biohacking Campus',
+    href: '/campus',
+    description: 'Le guide di studio del corso: aree, capitoli e lezioni con le slide.',
+  },
+  {
+    slug: 'stress-index',
+    label: 'Stress Index',
+    href: '/piattaforme/stress-index',
+    description: 'Monitoraggio HRV di stress e recupero: clienti, andamenti e alert.',
+  },
+];
@@ -0,0 +1,17 @@
+export const performanceClassPricing = {
+  heading: "Acquista la tua performance class",
+  intro: "Questi sono i programmi delle classi di Insanity Lab selezionati per voi. Abbiamo scelto i migliori percorsi per offrirvi un’esperienza di allenamento completa e mirata.",
+  groups: [
+    {
+      label: "Programmi performance class semestrale",
+      open: true,
+      plans: [
+        { monthly: 130, entries: 1, note: "tot: 780€ · da 23€ lezione singola", installments: "2 rate da 390€ – inizio 60", best: "best price 720€" },
+        { monthly: 234, entries: 2, note: "tot: 1.400€ · da 23€ lezione singola", installments: "2 rate da 700€ – inizio 60", best: "best price 1.250€" },
+        { monthly: 300, entries: 3, note: "tot: 1.800€ · da 23€ lezione singola", installments: "2 rate da 900€ – inizio 60", best: "best price 1.650€" },
+      ],
+    },
+    { label: "Programmi performance class trimestrale", open: false, plans: [] },
+    { label: "Programmi performance class mensile", open: false, plans: [] },
+  ],
+};
@@ -0,0 +1,94 @@
+// Edizioni della pagina "Promo ed eventi".
+//
+// Una promozione ha una fine, e la pagina che la mostra deve saperla: qui sta scritto quale
+// set di contenuti è in vetrina e in quale finestra di tempo. La pagina non decide niente,
+// legge l'edizione attiva nell'istante della richiesta — così il passaggio da una promozione
+// alla successiva avviene da solo, alla mezzanotte giusta, senza deploy e senza che qualcuno
+// debba ricordarsene.
+//
+// I testi restano nei tag (`<prefix>.*`, modificabili senza deploy). Qui c'è solo la
+// struttura: quante card, quali campi ha ciascuna, quali FAQ. Aggiungere un'edizione =
+// una voce in questo elenco + i suoi tag nel seed; i test in `tests/promo-edizioni.test.ts`
+// verificano che non manchi niente e che le finestre non si sovrappongano né lascino buchi.
+
+export interface CardSpec {
+  /** Numero della card: forma i tag `<prefix>.card.<id>.*`. */
+  id: number;
+  /** Quante voci ha l'elenco puntato (`feature.1` … `feature.N`). */
+  features: number;
+  /** Card in evidenza: cornice diversa e badge `card.<id>.badge`. */
+  featured?: boolean;
+  /** Riga sotto il prezzo, es. "5 incontri". */
+  unit?: boolean;
+  /** Domanda in testa alla card, es. "Ti alleni ma non vedi risultati?". */
+  question?: boolean;
+  /** Paragrafo descrittivo sotto l'elenco. */
+  desc?: boolean;
+  /** Riquadro in fondo col periodo di acquisto e di utilizzo. */
+  note?: boolean;
+}
+
+export interface Edizione {
+  id: string;
+  /** Prefisso dei tag di contenuto di questa edizione. */
+  prefix: string;
+  /** Inizio e fine validità, ISO **con offset esplicito**: il server gira in UTC e senza
+   *  offset lo scambio avverrebbe due ore prima di quanto scritto sul sito. */
+  from: string;
+  to: string;
+  cards: CardSpec[];
+  /** Numeri delle FAQ, nell'ordine di comparsa. */
+  faq: number[];
+  /** Sezioni "launch" e "why5" fra l'hero e le card. */
+  launch?: boolean;
+}
+
+export const edizioni: Edizione[] = [
+  {
+    // Promo di lancio: 4 pacchetti da 5 incontri, online dal 1° agosto.
+    id: 'agosto-2026',
+    prefix: 'promo',
+    from: '2026-08-01T00:00:00+02:00',
+    to: '2026-08-19T23:59:59+02:00',
+    launch: true,
+    cards: [
+      { id: 1, features: 4, unit: true },
+      { id: 2, features: 4, unit: true, featured: true },
+      { id: 3, features: 3, unit: true },
+      { id: 4, features: 3, unit: true },
+    ],
+    faq: [0, 1, 2, 3, 4, 5, 6],
+  },
+  {
+    // Opening Bundles: subentra alla promo agosto il giorno dopo la sua scadenza, si
+    // acquistano fino al 4 settembre e si usano dal 1° settembre al 1° dicembre.
+    id: 'bundle-apertura',
+    prefix: 'bundle',
+    from: '2026-08-20T00:00:00+02:00',
+    to: '2026-09-04T23:59:59+02:00',
+    cards: [
+      { id: 1, features: 3, question: true, desc: true, note: true },
+      { id: 2, features: 2, question: true, desc: true, note: true },
+      // Nessuna card "in evidenza": sono tre percorsi per esigenze diverse, non tre livelli
+      // dello stesso prodotto, e un "più scelto" su un'offerta appena nata sarebbe inventato.
+      { id: 3, features: 3, question: true, desc: true, note: true },
+    ],
+    faq: [0, 1, 2, 3, 4],
+  },
+];
+
+/** Tag di contenuto di un'edizione: `tagEdizione(e, 'card.1.price')` → `bundle.card.1.price`. */
+export const tagEdizione = (e: Edizione, suffisso: string): string => `${e.prefix}.${suffisso}`;
+
+/**
+ * L'edizione valida in un istante, o `null` se non ce n'è nessuna (e allora la pagina mostra
+ * lo stato "nessuna promozione in corso" invece di prezzi scaduti).
+ *
+ * Il confronto è fra istanti assoluti: `Date.parse` interpreta l'offset scritto nel dato, e
+ * `now` arriva dall'orologio del server. Nessuna delle due parti dipende dal fuso della
+ * macchina, che in produzione è UTC e in sviluppo no.
+ */
+export function edizioneAttiva(now: Date, list: Edizione[] = edizioni): Edizione | null {
+  const t = now.getTime();
+  return list.find((e) => t >= Date.parse(e.from) && t <= Date.parse(e.to)) ?? null;
+}
@@ -0,0 +1,15 @@
+// Path SVG (stroke, viewBox 0 0 24 24) delle icone servizi, condivisi tra griglia home e sidebar
+export const serviceIcons: Record<string, string> = {
+  'one-to-one': 'M4 12h3m10 0h3M9 8v8m6-8v8M7 10v4m10-4v4',
+  'small-group': 'M4 12h3m10 0h3M9 8v8m6-8v8M7 10v4m10-4v4',
+  'performance-class': 'M13 3l-2 7h4l-6 11 2-8H7l4-10z',
+  'coaching': 'M12 3a4 4 0 110 8 4 4 0 010-8zm-7 18a7 7 0 0114 0',
+  'rehab': 'M12 21C7 17 3 13 3 9a5 5 0 019-3 5 5 0 019 3c0 4-4 8-9 12z',
+  'nutrition': 'M12 3c4 0 7 3 7 8s-3 10-7 10-7-5-7-10 3-8 7-8zm0-1v4',
+  // Servizi rinominati (modifiche 02): profilazione (grafico/analisi), osteopatia (mani)
+  'profilazione': 'M4 20V6m5 14V4m5 16v-8m5 8V9M3 20h18',
+  'osteopatia': 'M8 3v7a4 4 0 008 0V3M6 14c0 4 3 7 6 7s6-3 6-7',
+  // Riquadri Training con pagina dettaglio
+  'holistic-class': 'M12 3a3 3 0 110 6 3 3 0 010-6zm0 6v7m-4 3l4-3 4 3',
+  'reformer-class': 'M3 8h18M3 16h18M6 8v8m12-8v8M9 12h6',
+};
@@ -0,0 +1,204 @@
+export interface Service {
+  slug: string;
+  title: string;
+  /** Override del titolo mostrato nell'hero (H1) della pagina dettaglio.
+   *  Se assente usa `title`. Serve quando l'hero deve differire dall'H2/card. */
+  heroTitle?: string;
+  subtitle: string;
+  excerpt: string;
+  longDescription: string;
+  features: string[];
+  faq: { q: string; a: string }[];
+  hasPricing: boolean;
+  /** false = pagina dettaglio esiste ma la voce non compare nella griglia /services
+   *  (usata come approfondimento dai riquadri Training: Rehab, Holistic, Reformer). */
+  grid?: boolean;
+  /** Dove porta la card (foto e "Per saperne di più"). Assente = la scheda del servizio.
+   *  Serve per le card che instradano a una vista di /training invece che a una scheda. */
+  href?: string;
+  /** false = nessuna pagina dettaglio: /services/<slug> risponde 404.
+   *  La voce resta in griglia con il proprio `href`. */
+  page?: boolean;
+  /** Sezione in coda alla scheda, oltre alla descrizione principale.
+   *  Tag: service.<slug>.extra.title | .body | .item.N */
+  extra?: { title: string; body: string; items: string[] };
+}
+
+export const services: Service[] = [
+  {
+    slug: "one-to-one",
+    title: "One to One",
+    // La card di /services porta alla vista Training con One to One, Personalized Training
+    // Group e Rehab: è come il cliente vuole instradare chi cerca l'allenamento seguito.
+    href: "/training/one-to-one",
+    heroTitle: "Personal Training",
+    subtitle: "Allenamento con un trainer dedicato",
+    excerpt: "L’allenamento One to One di InsanityLab è un percorso su misura, seguito da un professionista dedicato, per raggiungere in modo sicuro ed efficace obiettivi di forma fisica, performance e benessere.",
+    longDescription: "Allenati con un trainer dedicato che costruisce un percorso su misura per i tuoi obiettivi. Ogni sessione one to one è pensata per migliorare performance, tecnica e risultati, con supporto costante, attenzione totale e allenamenti personalizzati.",
+    features: [],
+    faq: [
+      { q: "Come si svolge la prima seduta?", a: "Con una consulenza conoscitiva iniziale: raccogliamo l’anamnesi, definiamo gli obiettivi e impostiamo il percorso più adatto." },
+      { q: "Con quale frequenza ci si allena?", a: "La frequenza viene definita insieme al trainer in base a obiettivi, disponibilità e livello di partenza." },
+      { q: "È adatto a chi parte da zero?", a: "Sì: il percorso è costruito sul tuo livello, con progressioni graduali e supervisione costante." },
+    ],
+    hasPricing: false,
+  },
+  {
+    slug: "small-group",
+    title: "Personalized Training Group",
+    subtitle: "Mini gruppi (max 4 persone) con trainer dedicato",
+    excerpt: "Il Personalized Training Group di InsanityLab è un allenamento in mini gruppi da massimo 4 persone con un trainer dedicato, che unisce attenzione personalizzata, motivazione e condivisione.",
+    longDescription: "Allenati in mini gruppi da massimo 4 persone con un trainer dedicato. Un’esperienza Personalized Training Group che unisce attenzione personalizzata, motivazione e condivisione: programmi mirati e supporto costante per raggiungere i tuoi obiettivi insieme, senza rinunciare alla cura del singolo.",
+    features: [],
+    faq: [
+      { q: "Quante persone ci sono in un Personalized Training Group?", a: "Massimo 4 persone per gruppo, così il trainer può seguire ciascuno con attenzione." },
+      { q: "Con quale frequenza ci si allena?", a: "La frequenza viene definita insieme al trainer in base a obiettivi, disponibilità e livello di partenza." },
+      { q: "È adatto a chi parte da zero?", a: "Sì: il percorso è costruito sul livello dei partecipanti, con progressioni graduali e supervisione costante." },
+    ],
+    hasPricing: false,
+    grid: false,
+  },
+  {
+    // La Performance Class non si fa più (cliente, 17/08/2026): la scheda che la spiegava
+    // sparisce (`page: false` → /services/performance-class risponde 404) mentre la card
+    // "Class" resta in griglia e porta alla vista Training con Holistic e Reformer.
+    // Il pricing è caduto con la scheda: era l'unico servizio ad averlo.
+    slug: "performance-class",
+    title: "Class",
+    href: "/training/class",
+    page: false,
+    subtitle: "Gruppo max 8 persone",
+    excerpt: "La Performance Class è un allenamento in piccoli gruppi, basato su una programmazione progressiva che combina forza e condizionamento per ottenere risultati concreti e costanti nel tempo.",
+    longDescription: "La Performance Class è un allenamento in piccoli gruppi con programmazione progressiva e scientifica, pensato per migliorare forza, composizione corporea e performance attraverso sessioni strutturate che combinano forza, ipertrofia e condizionamento metabolico. Non si improvvisa: ogni sessione ha un posto preciso all’interno di un piano più ampio.",
+    features: ["Allenamento ibrido", "Forza, ipertrofia, condizionamento metabolico e lavoro funzionale", "Sessioni da 50 minuti", "Fasi di bassa, media e alta intensità", "Programmazione mensile"],
+    faq: [
+      { q: "Che cosa si intende per Performance Class?", a: "Un allenamento in piccoli gruppi (massimo 8 persone) guidato da trainer certificati, con programmazione progressiva mensile: ogni sessione ha un posto preciso all’interno di un piano più ampio." },
+      { q: "Che tipo di allenamento viene svolto?", a: "Un allenamento ibrido che alterna forza, ipertrofia, condizionamento metabolico e lavoro funzionale. Le sessioni durano 50 minuti e prevedono fasi di bassa, media e alta intensità, calibrate sulla programmazione mensile." },
+      { q: "A chi è consigliato questo servizio?", a: "A chi vuole allenarsi con qualità e continuità in un contesto di gruppo motivante, mantenendo una programmazione seria e misurabile." },
+      { q: "Qual è la differenza rispetto a una class tradizionale?", a: "La programmazione: non è una lezione isolata ma parte di un piano mensile progressivo, con carichi e intensità calibrati." },
+      { q: "Che tipo di risultati o miglioramenti si ottengono?", a: "Miglioramento di forza, composizione corporea e performance, con risultati concreti e costanti nel tempo." },
+      { q: "Qual è l’intensità del lavoro?", a: "Alternata: fasi di bassa, media e alta intensità all’interno della stessa sessione, adattate al livello dei partecipanti." },
+    ],
+    hasPricing: false,
+  },
+  {
+    slug: "coaching",
+    title: "Coaching",
+    subtitle: "Programma di allenamento e monitoraggio",
+    excerpt: "Il coaching InsanityLab è un percorso personalizzato che, con programma su misura e supporto costante, guida la persona verso i propri obiettivi sviluppando autonomia e continuità nell’allenamento.",
+    longDescription: "Con il coaching hai un programma di allenamento su misura e un monitoraggio costante, ovunque ti alleni: in palestra, a casa o in viaggio. Il percorso sviluppa autonomia e continuità, adattandosi al tuo stile di vita (formula Fit Remote).",
+    features: ["Programma su misura", "Supporto e monitoraggio costanti", "Ovunque ti alleni (Fit Remote)", "Sviluppo di autonomia"],
+    faq: [
+      { q: "Come funziona il monitoraggio?", a: "Il trainer segue i tuoi progressi con check periodici e adatta il programma in base ai risultati." },
+      { q: "Serve attrezzatura?", a: "Il programma viene costruito sull’attrezzatura che hai a disposizione, in palestra o a casa." },
+      { q: "È adatto se viaggio spesso?", a: "Sì: la formula Fit Remote è pensata per chi si allena in luoghi diversi." },
+    ],
+    hasPricing: false,
+  },
+  {
+    // NB: sostituisce "Pilates Flow" (il Pilates confluisce nella Holistic Class in Training).
+    // Copy BOZZA basata sul metodo ISL (profilazione fisica) — da confermare col cliente.
+    slug: "profilazione",
+    title: "Check-up",
+    subtitle: "Base e avanzato",
+    excerpt: "Il Check-up Base fotografa la tua condizione di partenza e rappresenta il punto di inizio del metodo InsanityLab. Attraverso la profilazione e la valutazione fisica definiamo lo stato di salute iniziale e le priorità del percorso.\n\nIl Check-up Avanzato va oltre: con macchinari di ultima generazione misuriamo composizione corporea, parametri vitali, spirometria, HRV — un’analisi completa e scientifica che guida le nostre scelte.",
+    longDescription: "Attraverso check-up, plicometria e analisi antropometriche misuriamo composizione corporea, postura e stato di forma. I dati raccolti guidano la costruzione di un programma personalizzato e permettono di monitorare i progressi nel tempo.",
+    features: ["Check-up fisico iniziale", "Plicometria e analisi antropometriche", "Definizione delle priorità del percorso", "Monitoraggio periodico dei progressi"],
+    faq: [
+      { q: "Quando si fa la profilazione?", a: "All’inizio del percorso e poi periodicamente, per misurare i progressi e aggiornare il programma." },
+    ],
+    hasPricing: false,
+    // Il testo della scheda descrive il Check-up Base; l'Avanzato è la parte aggiunta il
+    // 17/08/2026 su richiesta del cliente, con la Wellness Tower e i sensori HRV.
+    extra: {
+      title: "Check-up Avanzato",
+      body: "Con la Wellness Tower, tecnologia di ultima generazione, andiamo oltre: bioimpedenza, scansione posturale 3D e spirometria restituiscono un quadro completo e oggettivo del tuo corpo. A completare il quadro, misuriamo anche l’HRV attraverso sensori dedicati — un dato chiave per capire come il tuo corpo recupera e si adatta al carico di lavoro. Ogni dato raccolto guida scelte più precise nella costruzione del programma e nel monitoraggio dei progressi.",
+      items: [
+        "Composizione corporea di precisione (massa grassa, magra, metabolismo basale)",
+        "Scansione posturale 3D e analisi di simmetria",
+        "Spirometria e parametri cardiovascolari",
+        "Analisi HRV tramite sensori dedicati",
+        "Report immediato, confrontabile nel tempo",
+      ],
+    },
+  },
+  {
+    // NB: sostituisce "Rehab" nella pagina Servizi (il Rehab si sposta in Training).
+    slug: "osteopatia",
+    title: "Osteopatia",
+    subtitle: "Approccio manuale globale non invasivo",
+    excerpt: "L’osteopatia è una delle colonne portanti dell’approccio integrato di InsanityLab. Non è un servizio aggiunto: è parte della visione.",
+    longDescription: "L’osteopatia è indicata sia in modo preventivo, per chi vuole mantenere il proprio equilibrio corporeo, sia in modo curativo, per chi sta affrontando un problema specifico. È particolarmente utile in sinergia con l’allenamento, perché permette di lavorare su compensi e rigidità che altrimenti limiterebbero i progressi. Nel nostro approccio rientrano anche l’osteopatia neonatale e pediatrica.",
+    features: [],
+    faq: [
+      { q: "L’osteopatia è preventiva o curativa?", a: "Entrambe: è utile sia per mantenere l’equilibrio corporeo sia per affrontare un problema specifico, in sinergia con l’allenamento." },
+      { q: "Trattate anche neonati e bambini?", a: "Sì, il nostro approccio comprende anche l’osteopatia neonatale e pediatrica." },
+      { q: "Serve una prescrizione medica?", a: "Non è necessaria; se disponibile, eventuale documentazione clinica è utile alla prima valutazione." },
+    ],
+    hasPricing: false,
+  },
+  {
+    slug: "nutrition",
+    title: "Nutrizione",
+    subtitle: "Alimentazione e stile di vita",
+    excerpt: "La nutrizione in InsanityLab è un servizio personalizzato che integra alimentazione e allenamento per migliorare energia, performance e benessere con piani su misura e sostenibili.",
+    longDescription: "Il servizio di nutrizione integra alimentazione e allenamento: piani su misura e sostenibili per migliorare energia, performance e benessere, costruiti sul tuo stile di vita.",
+    features: ["Piani alimentari su misura", "Integrazione con l’allenamento", "Sostenibilità nel tempo", "Focus su energia e performance"],
+    faq: [
+      { q: "Come inizia il percorso di nutrizione?", a: "Con una valutazione iniziale di abitudini, obiettivi e allenamento, da cui nasce il piano personalizzato." },
+      { q: "È integrato con il training?", a: "Sì: alimentazione e allenamento vengono programmati in modo coerente." },
+      { q: "Sono previsti controlli periodici?", a: "Sì, con aggiornamento del piano in base ai risultati." },
+    ],
+    hasPricing: false,
+  },
+  {
+    // Approfondimento del riquadro Training "Rehab" (fuori dalla griglia /services).
+    slug: "rehab",
+    title: "Rehab",
+    subtitle: "Recupero post-infortunio, patologie muscolo-scheletriche",
+    excerpt: "Accompagniamo il corpo nel recupero della sua funzionalità attraverso il movimento guidato: il ponte tra la fine del percorso medico-riabilitativo e il ritorno a una vita attiva piena.",
+    longDescription: "Il Rehab InsanityLab significa accompagnare il corpo nel recupero della sua funzionalità attraverso il movimento guidato. Non è fisioterapia in senso clinico: è il ponte tra la fine del percorso medico-riabilitativo e il ritorno a una vita attiva piena, con la stessa cura scientifica ma in un contesto di allenamento. Il servizio lavora con un ampio spettro di condizioni e ogni situazione viene valutata singolarmente con metodologie evidence based.",
+    features: [],
+    faq: [
+      { q: "Chi segue il percorso Rehab?", a: "Professionisti specializzati in rieducazione funzionale ed esercizio adattato, in sinergia con medici specialisti, fisioterapisti e osteopati." },
+      { q: "Serve una diagnosi medica?", a: "Se disponibile è utile portarla alla prima consulenza; il percorso si integra con le indicazioni dei sanitari." },
+      { q: "Quanto dura il percorso?", a: "Dipende dalla condizione di partenza: la progressione viene definita e aggiornata durante il percorso." },
+    ],
+    hasPricing: false,
+    grid: false,
+  },
+  {
+    // Approfondimento del riquadro Training "Holistic Class" (ex Pilates Flow / Performance Class).
+    slug: "holistic-class",
+    title: "Holistic Class",
+    subtitle: "Classi fino a 8 persone con trainer certificato",
+    excerpt: "Mobilità articolare, respirazione, equilibrio. Da sola o integrata nei tuoi allenamenti, adatta a tutti i livelli. Sessioni da 40 minuti.",
+    longDescription: "La Holistic Class lavora su mobilità articolare, respirazione ed equilibrio. Puoi seguirla da sola o integrarla nei tuoi allenamenti; è adatta a tutti i livelli e ogni sessione dura 40 minuti. Comprende lavoro di Pilates Flow, Mobility e Yoga.",
+    features: ["Pilates Flow", "Mobility", "Yoga"],
+    faq: [
+      { q: "A chi è adatta la Holistic Class?", a: "A chiunque voglia migliorare mobilità, respirazione ed equilibrio, a ogni livello di partenza." },
+      { q: "Posso integrarla con altri allenamenti?", a: "Sì: funziona sia come percorso a sé sia come complemento al tuo programma di allenamento." },
+    ],
+    hasPricing: false,
+    grid: false,
+  },
+  {
+    // Approfondimento del riquadro Training "Reformer Class" (nuova).
+    slug: "reformer-class",
+    title: "Reformer Class",
+    subtitle: "Classi fino a 5 persone con macchinari reformer",
+    excerpt: "Core, postura e mobilità su macchina reformer. Lavoro a basso impatto sulle articolazioni, adatto a tutti i livelli. Lezioni da 40 minuti.",
+    longDescription: "La Reformer Class utilizza i macchinari reformer per il pilates in classi fino a 5 persone. Il lavoro è dedicato a core, postura e mobilità, a basso impatto sulle articolazioni e adatto a tutti i livelli. Ogni lezione dura 40 minuti.",
+    features: ["Macchinari reformer", "Core, postura e mobilità", "Lavoro a basso impatto sulle articolazioni", "Classi fino a 5 persone", "Lezioni da 40 minuti"],
+    faq: [
+      { q: "Serve esperienza con il reformer?", a: "No: le progressioni sono graduali e seguite da trainer certificati, adatte anche a chi inizia." },
+      { q: "Quante persone per classe?", a: "Massimo 5, per garantire attenzione e correzione costante." },
+    ],
+    hasPricing: false,
+    grid: false,
+  },
+];
+
+export function getService(slug: string): Service | undefined {
+  return services.find((p) => p.slug === slug);
+}
@@ -0,0 +1,38 @@
+export const site = {
+  name: "InsanityLab",
+  phone: "351 7535977",
+  email: "info@insanitylab.it",
+  // Due ingressi dello stesso stabile. address = testo mostrato; mapQuery = punto geolocalizzabile per Google Maps.
+  address: "Via Leandro Alberti 76 e Via De Mattiolo 5",
+  cityLine: "40139 Bologna",
+  mapQuery: "IN-SANITY LAB, Via Leandro Alberti 76, 40139 Bologna",
+  hours: ["Lun – Ven 6.00 – 21.00", "Sab 8.00 – 17.00 · Dom chiuso"],
+  socials: [
+    { label: "Instagram", url: "https://www.instagram.com/in_sanity_lab" },
+    { label: "LinkedIn", url: "https://www.linkedin.com/company/in-sanity-lab-srl/" },
+  ],
+  navigation: [
+    { label: "Training", href: "/training" },
+    { label: "Servizi", href: "/services" },
+    { label: "About us", href: "/about" },
+    { label: "Blog & Edugo", href: "/blog" },
+    { label: "Promo ed eventi", href: "/promo-eventi" },
+    { label: "Contatti", href: "/contact" },
+  ],
+  footerTraining: [
+    { label: "One to one", href: "/training#one-to-one" },
+    { label: "Personalized Training Group", href: "/training#small-groups" },
+    { label: "Rehab", href: "/training#rehab" },
+    { label: "Holistic class", href: "/training#holistic-class" },
+    { label: "Reformer class", href: "/training#reformer-class" },
+    { label: "Coaching", href: "/training#coaching" },
+  ],
+  footerServices: [
+    { label: "Personal Training", href: "/training/one-to-one" },
+    { label: "Class", href: "/training/class" },
+    { label: "Coaching", href: "/services/coaching" },
+    { label: "Check-up", href: "/services/profilazione" },
+    { label: "Osteopatia", href: "/services/osteopatia" },
+    { label: "Nutrizione", href: "/services/nutrition" },
+  ],
+};
@@ -0,0 +1,22 @@
+export interface Member { name: string; shortName: string; role: string; bio: string; image?: string; imageAbout?: string; founder: boolean }
+
+export const team: Member[] = [
+  { name: "Donata Dal Pastro", shortName: "Donata", role: "Chinesiologa e Osteopata", founder: true, imageAbout: "team-donata-dark", image: "team-donata",
+    bio: "Donata Dal Pastro è chinesiologa e osteopata specializzata in rieducazione funzionale, riatletizzazione sportiva ed esercizio adattato. Supervisiona l’area dedicata a prevenzione, recupero e benessere, con competenze specifiche anche in pediatria e gravidanza." },
+  { name: "Nicola Antonelli", shortName: "Nicola", role: "Chinesiologo e Osteopata", founder: true, imageAbout: "team-nicola-dark", image: "team-nicola",
+    bio: "Nicola Antonelli è chinesiologo e osteopata specializzato in performance sportiva, functional training e bodybuilding. Coordina lo sviluppo tecnico dei percorsi dedicati alla performance e all’allenamento avanzato." },
+  { name: "Eva Cassetta", shortName: "Eva", role: "Business Manager – Balance & Strategy", founder: true, imageAbout: "team-eva-dark",
+    bio: "Eva Cassetta ricopre il ruolo di Business Manager – Balance & Strategy e si occupa della gestione amministrativa, economica e finanziaria del progetto, garantendone solidità, organizzazione e sostenibilità nel tempo." },
+  { name: "Alessandro Lazzari", shortName: "Alessandro", role: "Trainer – Functional & Movement", founder: false, imageAbout: "team-alessandro-dark",
+    bio: "Trainer – Functional & Movement. Laureando in Scienze Motorie, specializzato in running e atletica leggera." },
+  { name: "Eleonora Cassani", shortName: "Eleonora", role: "Trainer – Planning Manager", founder: false, imageAbout: "team-eleonora-dark", image: "team-eleonora",
+    bio: "Trainer – Planning Manager. Chinesiologa specializzata in attività preventiva e adattata, con focus su allenamento in gravidanza e post-gravidanza." },
+  { name: "Alice Roda", shortName: "Alice", role: "Trainer – Functional & Movement", founder: false, imageAbout: "team-alice-dark",
+    bio: "Trainer – Functional & Movement. Laureanda in Scienze Motorie e Preparatore Atletico. Scienza del movimento e massima cura della persona: un approccio al functional training empatico e accogliente, dove l’ascolto umano guida e supporta ogni tuo progresso." },
+  { name: "Davide Bisagni", shortName: "Davide", role: "Trainer – Functional & Movement", founder: false, imageAbout: "team-davide-dark",
+    bio: "Trainer – Functional & Movement. Chinesiologo e allenamento funzionale al servizio del corpo: massima cura del gesto atletico e attenzione mirata al recupero per prestazioni sostenibili e durature." },
+  { name: "Giulia Barbàra", shortName: "Giulia", role: "Trainer – Pilates, Yoga & Mindfulness", founder: false, imageAbout: "team-giulia-dark",
+    bio: "Trainer – Pilates, Yoga & Mindfulness. Laureata in Psicologia Clinica e Riabilitazione, insegnante di Pilates, Yoga e Mindfulness, con approccio orientato al benessere e all’equilibrio mente-corpo." },
+];
+
+export const homeTeam = ["Donata", "Nicola", "Eleonora"];
@@ -0,0 +1,35 @@
+export const trainings = [
+  { id: "one-to-one", title: "One to One", caption: "Allenamento con un trainer dedicato", image: "training-one-to-one", description: "Allenati con un trainer dedicato che costruisce un percorso su misura per i tuoi obiettivi. Ogni sessione one to one è pensata per migliorare performance, tecnica e risultati. Supporto costante, attenzione totale e allenamenti personalizzati per dare il massimo.", cta: { label: "Scopri", href: "/services/one-to-one" } },
+  { id: "small-groups", title: "Personalized Training Group", caption: "Mini gruppi (max 4 persone) con trainer dedicato", image: "training-small-groups", description: "Allenati in mini gruppi da massimo 4 persone con un trainer dedicato. Un’esperienza Personalized Training Group che unisce attenzione personalizzata, motivazione e condivisione. Programmi mirati e supporto costante per raggiungere i tuoi obiettivi insieme.", cta: { label: "Scopri", href: "/services/small-group" } },
+  { id: "rehab", title: "Rehab", caption: "Recupero funzionale attraverso il movimento guidato", image: "training-rehab", description: "Il Rehab InsanityLab accompagna il corpo nel recupero della sua funzionalità attraverso il movimento guidato: il ponte tra la fine del percorso medico-riabilitativo e il ritorno a una vita attiva piena, con la stessa cura scientifica ma in un contesto di allenamento.", cta: { label: "Scopri", href: "/services/rehab" } },
+  { id: "holistic-class", title: "Holistic Class", caption: "Classi fino a 8 persone con trainer certificato", image: "training-holistic-class", description: "Mobilità articolare, respirazione, equilibrio. Da sola o integrata nei tuoi allenamenti, adatta a tutti i livelli. Sessioni da 40 minuti che uniscono Pilates Flow, Mobility e Yoga.", cta: { label: "Scopri", href: "/services/holistic-class" } },
+  { id: "reformer-class", title: "Reformer Class", caption: "Classi fino a 5 persone con macchinari reformer", image: "training-reformer-class", description: "Core, postura e mobilità su macchina reformer. Lavoro a basso impatto sulle articolazioni, adatto a tutti i livelli. Lezioni da 40 minuti in classi fino a 5 persone.", cta: { label: "Scopri", href: "/services/reformer-class" } },
+  { id: "coaching", title: "Coaching", caption: "Programma su misura e monitoraggio, anche online", image: "training-coaching", description: "Con il coaching hai un programma di allenamento su misura e un monitoraggio costante, ovunque ti alleni: in palestra, a casa o in viaggio. Il percorso sviluppa autonomia e continuità, adattandosi al tuo stile di vita (anche online, formula Fit Remote).", cta: { label: "Scopri", href: "/services/coaching" } },
+] as const;
+
+/**
+ * Le viste di /training: la pagina mostra tutti i training, oppure il solo sottoinsieme
+ * chiesto dal cliente (documento MODIFICHE_PER_SITO.pdf del 17/08/2026).
+ *
+ * Da /services la card «One to One» porta a One to One / Personalized Training Group / Rehab,
+ * la card «Class» a Holistic Class / Reformer Class: chi clicca cerca quella famiglia di
+ * servizi, e vedersi comparire l'elenco intero costringe a cercare di nuovo.
+ */
+export const VISTE_TRAINING: Record<string, { titolo: string; blocchi: readonly string[] }> = {
+  'one-to-one': { titolo: 'Allenamento seguito', blocchi: ['one-to-one', 'small-groups', 'rehab'] },
+  class: { titolo: 'Class', blocchi: ['holistic-class', 'reformer-class'] },
+};
+
+/**
+ * I training da mostrare per una vista. `undefined` = pagina intera.
+ *
+ * Una vista sconosciuta restituisce `null`, e la pagina risponde 404: mostrare l'elenco
+ * completo al posto di un filtro sbagliato farebbe passare per buono un indirizzo rotto —
+ * il link continuerebbe a "funzionare" mentre porta altrove.
+ */
+export function trainingDaMostrare(vista?: string): typeof trainings[number][] | null {
+  if (!vista) return [...trainings];
+  const v = VISTE_TRAINING[vista];
+  if (!v) return null;
+  return v.blocchi.map((id) => trainings.find((t) => t.id === id)!).filter(Boolean);
+}
--- a/Show More
+++ b/Show More