Consulenza: bottone nel menu in alto su ogni pagina, voce nel menu mobile (#22)

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

.dockerignore

@@ -0,0 +1,10 @@
+node_modules
+dist
+data
+uploads
+.env
+.git
+docs
+assets-src
+tests
+*.md

.env.example

@@ -1,8 +1,17 @@
-SMTP_HOST=smtp.example.com
-SMTP_PORT=587
-SMTP_USER=user
-SMTP_PASS=pass
+# SMTP Aruba — il dominio insanitylab.it invia la posta via Aruba (SPF: include:aruba.it)
+# Server posta in uscita autenticato: smtps.aruba.it:465 (SSL). Verificato funzionante.
+SMTP_HOST=smtps.aruba.it
+SMTP_PORT=465
+# Casella reale del dominio usata per l'invio autenticato (con la sua password Aruba)
+SMTP_USER=postmaster@insanitylab.it
+SMTP_PASS=la-password-della-casella
+# Aruba impone che il mittente sia la casella autenticata: uguale a SMTP_USER
+CONTACT_FROM=postmaster@insanitylab.it
+# Dove arrivano i messaggi del form
 CONTACT_TO=info@insanitylab.it
-CONTACT_FROM=sito@insanitylab.it
 DB_PATH=data/insanitylab.db
 UPLOADS_DIR=uploads
+
+# Google Tag Manager: ID container preso da tagmanager.google.com (accanto al nome container).
+# Formato GTM-XXXXXXX. Lascia vuoto per non caricare GTM (es. in locale/staging).
+GTM_ID=GTM-XXXXXXX

.gitignore

@@ -1,8 +1,16 @@
-node_modules/
+node_modules
 dist/
 .astro/
 .env
-data/*.db*
-uploads/*
-!uploads/.gitkeep
-assets-src/
+.env.bak*
+**/data/*.db*
+**/uploads/*
+!**/uploads/.gitkeep
+**/assets-src/
+
+# Artefatti di lavoro dei subagenti (ledger, brief, review package)
+.superpowers/
+
+# Cache di Python generata rieseguendo l'oracolo
+__pycache__/
+*.pyc

Dockerfile

@@ -0,0 +1,23 @@
+# Stage 1: build
+FROM node:22-slim AS build
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+# Stage 2: runtime
+FROM node:22-slim AS runtime
+WORKDIR /app
+ENV NODE_ENV=production
+COPY package.json package-lock.json ./
+RUN npm ci --omit=dev && npm cache clean --force
+COPY --from=build /app/dist ./dist
+COPY scripts ./scripts
+
+ENV HOST=0.0.0.0 \
+    PORT=4321 \
+    DB_PATH=/app/data/insanitylab.db \
+    UPLOADS_DIR=/app/uploads
+EXPOSE 4321
+CMD ["node", "./dist/server/entry.mjs"]

README.md

@@ -1,137 +1,237 @@
 # InsanityLab Website
 
-Sito vetrina per InsanityLab con blog integrato e form di contatti.
+Sito ufficiale di InsanityLab: vetrina aziendale, blog integrato, form di contatti, piattaforme riservate ai clienti abilitati e sistema di contenuti modificabili senza toccare il codice. In produzione su **https://insanitylab.it**.
 
 ## Descrizione
 
-Il progetto realizza un sito web per InsanityLab, combinando una vetrina aziendale con un sistema di blog gestito tramite SQLite e un form di contatti funzionante. L'architettura è costruita su **Astro 5** con adapter **Node.js** per deployment su server, garantendo performance ottimali e SEO-friendly pages.
+Il sito è costruito su **Astro 7** in modalità server (SSR) con adapter **Node.js standalone**, servito in un container Docker dietro **Traefik** (TLS Let's Encrypt automatico). I contenuti testuali e le immagini della parte vetrina sono "taggati" e salvati su **SQLite**: si modificano da un pannello di amministrazione o direttamente in pagina, senza deploy. Il blog è gestito internamente con editor rich‑text, e il form di contatti invia email tramite SMTP.
 
-## Stack Tecnologico
+Accanto alla vetrina vivono due sezioni riservate, raccolte sotto `/piattaforme` e visibili solo agli utenti abilitati: il **Biohacking Campus** (guide di studio generate da un progetto esterno) e **Stress Index** (piattaforma di monitoraggio HRV). Quest'ultima è l'unica parte del sito che usa React, sotto forma di isole limitate ai grafici e alle viste interattive.
 
-- **Framework**: Astro 5
-- **Runtime**: Node.js (adapter standalone)
-- **Database**: SQLite (better-sqlite3)
-- **Autenticazione**: bcryptjs
-- **Email**: Nodemailer
-- **Markup Editor**: TipTap (rich text)
-- **Font System**: @fontsource (Montserrat, Open Sans)
-- **Sitemap**: @astrojs/sitemap
-- **Testing**: Vitest
+## Stack tecnologico
+
+- **Framework**: Astro 7 (output `server`, `prerender = false` sulle pagine dinamiche)
+- **Runtime**: Node.js 22 (adapter `@astrojs/node` standalone)
+- **Database**: SQLite via `better-sqlite3`
+- **Autenticazione**: sessioni con password hashate (`bcryptjs`)
+- **Email**: Nodemailer (SMTP)
+- **Editor articoli**: TipTap (rich text)
+- **Isole interattive**: React 19 via `@astrojs/react`, solo nella piattaforma Stress Index
+- **Grafici**: Recharts (caricati unicamente sulle pagine della piattaforma)
+- **Font**: `@fontsource` (Montserrat, Open Sans) — nessun CDN esterno
+- **Sitemap**: endpoint runtime `/sitemap.xml` (route vetrina + articoli pubblicati)
+- **Test**: Vitest
 - **Linguaggio**: TypeScript
+- **Deploy**: Docker (multi‑stage, `node:22-slim`) + Traefik su VPS
 
-## Installazione
+## Funzionalità principali
+
+- **Vetrina**: home, chi siamo, training, servizi (con schede di dettaglio), blog, contatti, landing "Promo ed eventi".
+- **Contenuti taggati**: ogni testo/immagine ha un tag (es. `home.hero.title-line-1`) modificabile dal pannello o in pagina.
+- **Modifica inline**: chi ha i permessi può attivare l'overlay dei tag e modificare i contenuti direttamente mentre naviga il sito.
+- **Blog** con editor TipTap, immagini caricate, firma autore, proprietà degli articoli per ruolo, filtro per tematica senza ricaricare la pagina e conteggio degli articoli per categoria.
+- **Cestino degli articoli**: l'eliminazione sposta in `/admin/cestino`, da dove si ripristina o si cancella in via definitiva.
+- **Gestione utenti** con quattro ruoli (`admin`, `superuser`, `user`, `piattaforme`), creazione su pagina dedicata e password impostabile a mano o generata.
+- **Piattaforme riservate** (`/piattaforme`): indice delle sezioni accessibili ai soli utenti abilitati — Biohacking Campus e Stress Index.
+- **Form contatti** con validazione, honeypot anti‑spam, rate‑limit e invio email via SMTP.
+
+## Installazione (sviluppo)
 
 ### Prerequisiti
-
 - Node.js 18+ e npm
 
 ### Setup
-
 ```bash
-# Installa dipendenze
 npm install
-
-# Copia il template di configurazione env
-cp .env.example .env
-
-# Crea il primo utente amministratore (dopo aver configurato il DB)
-npm run create-user -- admin tuapassword
+cp .env.example .env          # poi compila i valori reali
+npm run create-user -- admin <password> admin
+npm run dev                   # http://localhost:4321
 ```
 
-Modifica `.env` con le credenziali SMTP, percorsi database e upload directory secondo il tuo ambiente.
+Il database `data/insanitylab.db` viene creato al primo avvio ed è popolato automaticamente con i contenuti di default (seed) e le migrazioni idempotenti.
 
-## Comandi Disponibili
+## Comandi
 
 | Comando | Descrizione |
 |---------|-------------|
-| `npm run dev` | Avvia il server di sviluppo (localhost:3000) |
-| `npm run build` | Compila il progetto per production |
-| `npm run preview` | Visualizza l'anteprima della build (locale) |
-| `npm run start` | Avvia il server production (richiede `npm run build` preliminare) |
-| `npm run test` | Esegui i test con Vitest |
-| `npm run create-user` | Crea un nuovo utente (admin o redattore) |
+| `npm run dev` | Server di sviluppo (localhost:4321) |
+| `npm run build` | Build di produzione |
+| `npm run preview` | Anteprima locale della build |
+| `npm run start` | Server di produzione (`node --env-file=.env`) |
+| `npm run test` | Test con Vitest |
+| `npm run create-user` | Crea/aggiorna utente: `-- <nome> <password> [admin\|superuser\|user\|piattaforme]` |
+| `npm run sync-campus` | Rigenera i contenuti del Campus: `-- <path-progetto-biohacking-campus>` |
+| `npm run seed-blog` | Carica i venti articoli divulgativi tratti dal corso base del Campus (salta quelli già presenti) |
 
-## Struttura Progetto
+## Gestione contenuti
+
+I testi e le immagini della vetrina sono **blocchi taggati** salvati nella tabella `content_blocks`. Ogni blocco ha un tag stabile (es. `home.hero.title-line-1`), un valore, eventuali stili predefiniti, un tipo (`text` / `html` / `image`) e un **GUID** univoco.
+
+- **Pannello** `/admin/content`: i blocchi sono raggruppati per pagina, con ricerca per tag o contenuto, upload delle immagini e ripristino all'originale.
+- **Modifica inline**: attivando "Mostra tag" dal menu utente, ogni blocco mostra un badge (nome tag + matita) che apre una finestra di modifica direttamente in pagina.
+- **Componenti** `<T>` e `<TImg>`: rendono i blocchi con fallback automatico al seed quando un tag non è ancora nel database.
+
+Il seed dei contenuti è in `src/data/content-seed.ts`; le variazioni sui contenuti già esistenti (rinomine, testi aggiornati) si applicano tramite **migrazioni idempotenti** in `src/lib/db.ts`, così da non sovrascrivere le modifiche fatte dal pannello.
+
+> Nota tecnica: gli elementi resi dai componenti `<T>`/`<TImg>` **non** ereditano il `data-astro-cid` del componente che li usa. Uno stile scoped basato solo sulla classe (es. `.hero__line`) non li raggiunge: va ancorato a un contenitore che ha il cid usando `:global()` (es. `.hero__text :global(.hero__line)`).
+
+## Blog
+
+Gli articoli stanno nella tabella `posts` e si gestiscono da `/admin`. La pagina pubblica `/blog` filtra per tematica e pagina senza ricaricare — si scarica la stessa pagina e si sostituiscono soltanto griglia e filtri — mantenendo indirizzi veri e cronologia del browser: senza JavaScript la navigazione funziona come prima.
+
+L'eliminazione di un articolo non cancella nulla: valorizza `deleted_at` e lo sposta nel **cestino** (`/admin/cestino`), da dove si ripristina o si elimina davvero. Ogni lettura pubblica — elenco, recenti, archivio per mese, pagina del singolo articolo — esclude il cestino, e chi non ha ruolo di gestione vede nel cestino soltanto i propri articoli.
+
+Lo script `npm run seed-blog` carica venti articoli divulgativi ricavati dal corso base del Campus, dieci tecnici e dieci educativi. È versionato apposta: il database di produzione è un volume del VPS e il deploy non lo tocca, quindi articoli creati a mano in locale resterebbero in locale. Lo script salta gli slug già presenti e crea, se mancano, i due utenti che firmano gli articoli — la firma pubblica è lo `username` dell'autore.
+
+## Ruoli e accessi
+
+Quattro ruoli, con autorizzazione a matrice di prefissi in `src/lib/auth.ts`:
+
+| Ruolo | Può fare |
+|-------|----------|
+| `admin` | Tutto: contenuti, blog, upload, **gestione utenti** (`/admin/users`), piattaforme |
+| `superuser` | Pannello contenuti + blog |
+| `user` | Solo i **propri** articoli del blog |
+| `piattaforme` | Solo le sezioni riservate (`/piattaforme`, `/campus`); nessun accesso al pannello |
+
+Login pubblico su `/login` (`?next` sanitizzato contro open redirect). Dopo l'autenticazione ogni ruolo viene indirizzato alla propria pagina iniziale: il pannello per admin e user, i contenuti per superuser, l'indice delle piattaforme per il ruolo `piattaforme`. La gestione utenti (`/admin/users`, solo admin) consente creazione su pagina dedicata (`/admin/users/new`), cambio password — scelta a mano o generata, mostrata una sola volta perché nel database resta il solo hash — cambio ruolo ed eliminazione, con guardie contro l'auto‑eliminazione e la rimozione dell'ultimo admin.
+
+> Il ruolo `campus` è stato rinominato in `piattaforme` quando le sezioni riservate sono diventate due. Una migrazione in `src/lib/db.ts` aggiorna da sé gli utenti esistenti.
+
+## Piattaforme riservate
+
+Le sezioni riservate sono raccolte sotto `/piattaforme`, che è anche la pagina di atterraggio del ruolo omonimo. L'elenco vive in `src/data/piattaforme.ts`: aggiungerne una è una riga, e il menu dell'header la mostra da sé a chi ha i permessi.
+
+### Biohacking Campus (`/campus`)
+
+La sezione `/campus` raccoglie le guide di studio del corso Biohacking Campus. È protetta dal middleware come il pannello: un visitatore anonimo viene mandato al login, un utente con ruolo non abilitato torna alla propria pagina iniziale. Le pagine non montano l'header e il footer del sito — la navigazione avviene attraverso la barra laterale delle aree, con un unico richiamo per tornare all'indice delle piattaforme — ma usano i font, i colori e il CSS globale di InsanityLab.
+
+I contenuti non vengono scritti a mano: lo script `npm run sync-campus` legge le guide sorgente (`*.studio.md`) dal progetto Biohacking Campus, le converte in frammenti HTML e produce la cartella `campus-content/` (indice `nav.json`, pagine e immagini delle slide), che va committata perché il deploy la copia nell'immagine Docker. Lo script è idempotente: rigenerarlo dopo l'aggiunta di nuove lezioni aggiorna indice e pagine e rimuove quelle non più presenti. Le nuove guide vanno prima dichiarate nella struttura dei capitoli in `scripts/campus/structure.mjs`.
+
+Le immagini delle slide sono servite dalla route `/campus/assets/...`, anch'essa protetta: non sono raggiungibili senza una sessione valida.
+
+> Il progetto sorgente sta in `/home/adriano/Wasabi-Adp-Work/AI-OS/projects/personale/biohacking-campus` (percorso predefinito dello script). In sviluppo, dopo un sync, il server va riavviato: `src/lib/campus.ts` tiene l'indice in cache in memoria e le guide nuove darebbero 404.
+
+### Stress Index (`/piattaforme/stress-index`)
+
+Piattaforma di monitoraggio HRV portata dentro il sito da un prototipo Next.js esterno: nove viste — cruscotto giornaliero, elenco clienti, scheda cliente, analytics di studio, modulo sport con sessioni e atleti, team live, impostazioni, organizzazione. Il design system del prototipo (Tailwind, palette teal) è stato sostituito con quello del sito: lo stile sta in `src/styles/stress-index.css`, un foglio globale prefissato `.si` perché le stesse classi servono sia ai componenti Astro sia alle isole React, che lo scope di Astro non raggiungerebbe.
+
+React è limitato a ciò che ha davvero bisogno di stato: la scheda cliente, la vista Analytics, il modulo Sport e i grafici Recharts. Il resto è Astro con qualche riga di JavaScript. I dati sono **dimostrativi** e stanno in `src/lib/stress-index/data.ts`; le aggregazioni con una logica propria (finestre temporali, distribuzioni, riepiloghi atleta) vivono in `analytics.ts` e `sport.ts` accanto, coperte da test.
+
+## Struttura del progetto
 
 ```
 insanitylab-website/
 ├── src/
-│   ├── pages/               # Pagine Astro (routing automatico)
-│   ├── components/          # Componenti Astro riutilizzabili
-│   ├── layouts/             # Layout master
-│   ├── utils/               # Funzioni di utilità
-│   ├── env.d.ts            # Type definitions globali
-│   └── ...
-├── data/                    # Database SQLite e dati persistenti
-│   └── insanitylab.db      # (generato al primo avvio)
-├── uploads/                 # Directory per upload immagini e file
-├── dist/                    # Output build (server)
-├── tests/                   # Test suite
-├── astro.config.mjs        # Configurazione Astro
-├── tsconfig.json           # Configurazione TypeScript
-├── vitest.config.ts        # Configurazione test framework
-├── .env.example            # Template variabili di ambiente
-├── .env                    # Variabili di ambiente (non versionato)
-├── package.json            # Dipendenze e script npm
-└── README.md               # Questo file
+│   ├── pages/            # Route Astro (vetrina, /admin, /api, /campus, /piattaforme)
+│   ├── components/       # Componenti (home/, content/, stress-index/, Header, Footer, …)
+│   ├── layouts/          # Layout Base, Admin, Campus, StressIndex
+│   ├── data/             # Dati statici + seed contenuti (services, trainings, site, piattaforme, content-seed)
+│   ├── lib/              # db, auth, content, mailer, rate-limit, safe-next, env, stress-index/
+│   ├── assets/img/       # Immagini ottimizzate da Astro
+│   └── styles/           # global.css, stress-index.css
+├── data/                 # SQLite (volume in produzione)
+├── uploads/              # Upload immagini (volume in produzione)
+├── campus-content/       # Contenuti del Campus generati da sync-campus
+├── scripts/              # create-user, sync-campus, seed-blog-biohacking, smoke test
+├── astro.config.mjs      # Config Astro (site, allowedDomains, redirects)
+├── compose.yaml          # Stack Docker + label Traefik
+├── Dockerfile            # Build multi-stage
+├── .env.example          # Template variabili d'ambiente
+└── README.md
 ```
 
-## Configurazione Ambiente
+## Variabili d'ambiente
 
-Il file `.env` richiede le seguenti variabili:
+Il file `.env` (non versionato) richiede:
 
-- `SMTP_HOST`: Host SMTP per invio email
-- `SMTP_PORT`: Porta SMTP (solitamente 587)
-- `SMTP_USER`: Utente SMTP
-- `SMTP_PASS`: Password SMTP
-- `CONTACT_TO`: Email di destinazione contatti
-- `CONTACT_FROM`: Email mittente
-- `DB_PATH`: Percorso database SQLite
-- `UPLOADS_DIR`: Cartella upload file
+| Variabile | Descrizione |
+|-----------|-------------|
+| `SMTP_HOST` | Host SMTP (produzione: `smtps.aruba.it`) |
+| `SMTP_PORT` | Porta SMTP (`465` con SSL) |
+| `SMTP_USER` | Casella di invio (deve coincidere con `CONTACT_FROM`) |
+| `SMTP_PASS` | Password della casella |
+| `CONTACT_FROM` | Mittente delle email (= `SMTP_USER`) |
+| `CONTACT_TO` | Destinatario dei messaggi del form |
+| `DB_PATH` | Percorso del database SQLite |
+| `UPLOADS_DIR` | Cartella degli upload |
+| `CAMPUS_DIR` | Cartella dei contenuti del Campus (default `./campus-content`) |
 
-## Development Workflow
+La posta del dominio `@insanitylab.it` è ospitata su **Aruba**; l'invio del form usa l'SMTP autenticato Aruba (`smtps.aruba.it:465`). Aruba impone che il mittente sia la casella autenticata, quindi `CONTACT_FROM` deve essere uguale a `SMTP_USER`.
 
-1. **Avvia il server locale**: `npm run dev`
-2. **Modifica file** in `src/` (hot reload automatico)
-3. **Test**: `npm run test`
-4. **Build**: `npm run build` (verifica errori di build)
-5. **Commit**: Con prefisso `feat:` (feature) o `chore:` (manutenzione)
+## Deploy in produzione
 
-## Deployment
+Il sito gira in Docker su un VPS, dietro Traefik. Lo stack è in `/opt/docker/insanitylab/` (repo in `src/`, volumi `data/` e `uploads/`). Aggiornamento:
 
 ```bash
-# Build per production
-npm run build
-
-# Opzionalmente, preview locale
-npm run preview
-
-# In production, il server parte con:
-npm run start
-
-# Variabili ambiente in production vanno impostate sull'hosting
-# (es. Hostinger VPS, Vercel, etc.)
+cd /opt/docker/insanitylab/src
+sudo git -c safe.directory="$PWD" pull origin main    # il repo è di root: serve sudo, con password
+docker compose up -d --build                          # docker gira senza sudo
 ```
 
-## Riferimenti Tecnici
+Le migrazioni del database (in `src/lib/db.ts`) sono idempotenti e girano all'avvio del container: aggiornano lo schema e i contenuti senza perdere le modifiche fatte dal pannello. Le migrazioni che cambiano un valore sono sempre guardate dal valore precedente, quindi non sovrascrivono ciò che è stato modificato dal pannello — con la conseguenza, da tenere presente, che un contenuto già ritoccato a mano **non** riceve il nuovo default: va corretto dal pannello.
 
-Per dettagli su architettura, schema database, componenti e specifiche vedi:
-- `/docs/superpowers/specs/2026-07-01-insanitylab-website-design.md`
-- `/docs/superpowers/plans/2026-07-01-insanitylab-website.md`
+Prima di ogni deploy conviene fare il backup del database, che è in modalità WAL: un `cp` del solo `.db` perderebbe le modifiche non ancora consolidate.
 
-## Problemi Comuni
+```bash
+sqlite3 -cmd ".timeout 10000" /opt/docker/insanitylab/data/insanitylab.db ".backup '/dest/insanitylab.db'"
+sqlite3 /dest/insanitylab.db "PRAGMA integrity_check;"    # deve rispondere 'ok'
+```
 
-### `better-sqlite3` fallisce su npm install
+Gli articoli del blog non viaggiano con il codice: per caricarli in produzione, una volta sola, `docker exec insanitylab node scripts/seed-blog-biohacking.mjs`.
 
-Se `better-sqlite3` non compila, assicurati di avere build tools installati:
-- **Linux**: `sudo apt-get install build-essential python3`
-- **macOS**: Xcode Command Line Tools (`xcode-select --install`)
-- **Windows**: Visual Studio Build Tools o MinGW
+### Dominio e DNS
 
-### Database locked
+- Dominio ufficiale: **insanitylab.it** (canonico l'apex; `www` fa redirect 301 all'apex tramite Traefik).
+- I record **A** di `@` e `www` puntano al VPS; la **posta resta su Aruba** (MX, SPF, webmail non vengono toccati).
+- TLS Let's Encrypt automatico via Traefik (certresolver `mytlschallenge`).
 
-Se il database è locato durante i test, verifica che non ci siano processi in background che accedono a `data/insanitylab.db`.
+> Attenzione dietro Traefik: `allowedDomains` in `astro.config.mjs` deve elencare i domini serviti, altrimenti Astro ignora `X-Forwarded-Proto/Host` e il controllo CSRF respinge i POST con 403.
+
+## Problemi comuni
+
+**`better-sqlite3` non compila su `npm install`** — servono i build tools:
+- Linux: `sudo apt-get install build-essential python3`
+- macOS: `xcode-select --install`
+- Windows: Visual Studio Build Tools
+
+**Modifiche allo `<style>` scoped di `[slug].astro` non compaiono in dev** — l'HMR di Astro 7 non sempre ricompila lo stile scoped delle route dinamiche: riavviare il dev server (`astro dev stop` + `npm run dev`).
+
+**Database "locked" durante i test** — assicurarsi che nessun processo stia accedendo a `data/insanitylab.db`.
+
+**Le guide nuove del Campus danno 404 in sviluppo** — `src/lib/campus.ts` tiene l'indice in cache in memoria: dopo `npm run sync-campus` va riavviato il server.
+
+**Il database di produzione sembra non aggiornato dopo il deploy** — `sqlite3 -readonly` non legge il file `-wal`, dove stanno le modifiche non ancora consolidate, e mostra valori vecchi. Per verificare, interrogare il database in lettura‑scrittura oppure — meglio — guardare direttamente le pagine del sito.
 
 ## Licenza
 
-Proprietario InsanityLab.
+Proprietà di InsanityLab.
+
+## Deploy (dopo la separazione del 03/09/2026 e i due repo del 29/09/2026)
+
+Dal 29/09/2026 questo repo contiene **solo il sito**, in radice. Le aree riservate hanno il
+loro repo, `gitea:Adriano/InsanityLab-platforms` (issue #20); fino ad allora le due app erano
+`apps/sito` e `apps/platforms` dello stesso repo.
+
+Il progetto compose si chiama **`insanitylab`** (`name:` esplicito nel compose), non piu'
+`src` come quando la cartella era `/opt/docker/insanitylab/src`.
+
+```
+cd /opt/docker/insanitylab/src
+docker compose build      # il sito resta in piedi: non tocca il container
+docker compose up -d      # sostituisce il container
+```
+
+⚠️ **`.env` non e' in git** (e non deve esserlo): resta dov'e' ed e' l'unico file che un
+`git merge` non porta con se'. Il 04/09/2026 lo spostamento sotto `apps/sito/` ha lasciato
+`.env` alla vecchia radice, l'`up` e' fallito **dopo** che il `down` aveva gia' tolto il
+container, e il sito e' rimasto giu' **9,7 secondi**. ⚠️ Il 29/09/2026 il sito torna in radice:
+al primo deploy dopo quel cambio `.env` va spostato a mano da `apps/sito/.env` a `.env`.
+Prima di ogni swap:
+
+```
+docker compose config >/dev/null   # legge env_file e fallisce SUBITO se manca qualcosa
+```
+
+⚠️ Un `docker run` sull'immagine **non** e' una prova sufficiente del deploy: non legge
+`env_file`, quindi passa anche quando il compose fallirebbe.

astro.config.mjs

@@ -1,10 +1,36 @@
 import { defineConfig } from 'astro/config';
 import node from '@astrojs/node';
-import sitemap from '@astrojs/sitemap';
+
+import react from '@astrojs/react';
 
 export default defineConfig({
-  site: 'https://insanitylab.tielogic.xyz',
+  site: 'https://insanitylab.it',
   output: 'server',
+
+  // Dietro Traefik il TLS termina al proxy: senza allowedDomains Astro ignora
+  // X-Forwarded-Proto/Host e il checkOrigin CSRF respinge i POST (403).
+  // Dominio ufficiale insanitylab.it (canonico apex); www e il vecchio
+  // sottodominio tielogic.xyz redirigono all'apex a livello Traefik.
+  security: {
+    allowedDomains: [
+      { hostname: 'insanitylab.it', protocol: 'https' },
+      { hostname: 'www.insanitylab.it', protocol: 'https' },
+      { hostname: 'insanitylab.tielogic.xyz', protocol: 'https' },
+    ],
+  },
+
   adapter: node({ mode: 'standalone' }),
-  integrations: [sitemap()],
-});
+
+  // La sezione "Programmi" è stata rinominata "Servizi": redirect permanenti dai vecchi URL.
+  redirects: {
+    '/programs': { status: 301, destination: '/services' },
+    '/programs/[slug]': { status: 301, destination: '/services/[slug]' },
+    // Modifiche 02: "Pilates Flow" → "Profilazione". "Rehab" esce dalla griglia Servizi e
+    // diventa un riquadro Training, ma la pagina dettaglio resta su /services/rehab.
+    '/services/pilates-flow': { status: 301, destination: '/services/profilazione' },
+    // "Personal Training" rinominato "One to One" (nuovo slug); Small Group è una pagina a sé.
+    '/services/personal-training': { status: 301, destination: '/services/one-to-one' },
+  },
+
+  integrations: [react()],
+});

compose.yaml

@@ -0,0 +1,56 @@
+# ⚠️ `name:` esplicito. Fino al 03/09/2026 il progetto compose si chiamava `src`, dedotto
+# dalla cartella /opt/docker/insanitylab/src. Con lo spostamento sotto apps/sito la cartella
+# cambia nome e il progetto dedotto diventerebbe `sito`: per docker sarebbe un progetto NUOVO,
+# e il container `insanitylab` gia' in piedi risulterebbe di un altro — con il nome occupato.
+# Al primo deploy dopo la separazione va fermato il progetto vecchio PRIMA di alzare questo:
+#   docker compose -p src -f <vecchio compose> down
+# Poi da qui: docker compose up -d --build
+# Dal 29/09/2026 il sito e' di nuovo in radice (/opt/docker/insanitylab/src): il `name:`
+# esplicito tiene fermo il progetto `insanitylab` anche a questo cambio di cartella.
+name: insanitylab
+
+services:
+  insanitylab:
+    build: .
+    image: insanitylab-website:latest
+    container_name: insanitylab
+    restart: always
+    env_file:
+      - .env
+    environment:
+      - HOST=0.0.0.0
+      - PORT=4321
+      - DB_PATH=/app/data/insanitylab.db
+      - UPLOADS_DIR=/app/uploads
+    volumes:
+      - /opt/docker/insanitylab/data:/app/data
+      - /opt/docker/insanitylab/uploads:/app/uploads
+    labels:
+      - traefik.enable=true
+      # Router principale: solo il dominio ufficiale canonico (apex insanitylab.it)
+      - traefik.http.routers.insanitylab.rule=Host(`insanitylab.it`)
+      - traefik.http.routers.insanitylab.tls=true
+      - traefik.http.routers.insanitylab.entrypoints=websecure
+      - traefik.http.routers.insanitylab.tls.certresolver=mytlschallenge
+      - traefik.http.services.insanitylab.loadbalancer.server.port=4321
+      # Router redirect: www e vecchio sottodominio tielogic.xyz → 301 apex
+      # ⚠️ `insanitylab.tielogic.xyz` tolto dal DNS da Adriano il 03/09/2026: il record non
+      # esiste piu'. Lasciarlo qui non e' inerte — il router chiede un certificato per i
+      # nomi della sua regola, e una sfida ACME su un nome che non risolve fallisce a ogni
+      # tentativo, che e' esattamente cio' che Let's Encrypt limita. Il vecchio dominio ha
+      # smesso di essere raggiungibile: da qui in poi vale solo il redirect di `www`.
+      - traefik.http.routers.insanitylab-redir.rule=Host(`www.insanitylab.it`)
+      - traefik.http.routers.insanitylab-redir.tls=true
+      - traefik.http.routers.insanitylab-redir.entrypoints=websecure
+      - traefik.http.routers.insanitylab-redir.tls.certresolver=mytlschallenge
+      - traefik.http.routers.insanitylab-redir.service=insanitylab
+      - traefik.http.routers.insanitylab-redir.middlewares=insanitylab-tocanon
+      - traefik.http.middlewares.insanitylab-tocanon.redirectregex.regex=^https?://[^/]+/(.*)
+      - traefik.http.middlewares.insanitylab-tocanon.redirectregex.replacement=https://insanitylab.it/$${1}
+      - traefik.http.middlewares.insanitylab-tocanon.redirectregex.permanent=true
+    networks:
+      - traefik
+
+networks:
+  traefik:
+    external: true

docs/articoli-blog.md

@@ -0,0 +1,169 @@
+# Articoli del blog — insanity.lab
+
+Elenco completo degli articoli presenti sul sito, con categoria, stato di pubblicazione e sintesi.
+Documento generato il 1 agosto 2026 per la revisione del cliente.
+
+**Totale:** 20 articoli attivi (20 pubblicati, 0 in bozza).
+
+## Articoli pubblicati
+
+### 1. Il sonno si misura in cicli, non in ore
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 31 luglio 2026
+- **Link:** https://insanitylab.it/blog/sonno-cicli-non-ore
+
+Sette ore spezzate valgono meno di sei ore intere. Come funziona l'architettura del sonno e perché conviene ragionare in blocchi da novanta minuti.
+
+### 2. HRV: che cosa dice davvero la variabilità cardiaca
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 29 luglio 2026
+- **Link:** https://insanitylab.it/blog/hrv-variabilita-cardiaca
+
+Non è la frequenza cardiaca e non è un voto sulla forma fisica. È la misura di quanto il sistema nervoso sa attivarsi e, soprattutto, tornare in equilibrio.
+
+### 3. Quante proteine servono davvero
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 27 luglio 2026
+- **Link:** https://insanitylab.it/blog/quante-proteine-servono
+
+Prima la quantità, poi la qualità, solo alla fine distribuzione e timing. La gerarchia che conta, con i numeri per chi si allena e per chi no.
+
+### 4. Creatina: che cosa dice la ricerca
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 25 luglio 2026
+- **Link:** https://insanitylab.it/blog/creatina-cosa-dice-la-ricerca
+
+È l'integratore più studiato in assoluto e uno dei pochi con prove solide. A cosa serve, quanta prenderne e perché non è una sostanza dopante.
+
+### 5. Il freddo e l'ormesi: perché un piccolo stress fa bene
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 23 luglio 2026
+- **Link:** https://insanitylab.it/blog/freddo-ormesi
+
+Vasi sanguigni, grasso bruno, noradrenalina. Che cosa accade nell'organismo durante l'esposizione al freddo e dove sta il confine con l'esagerazione.
+
+### 6. Respirare meno per ossigenare meglio: il ruolo della CO2
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 21 luglio 2026
+- **Link:** https://insanitylab.it/blog/respirazione-anidride-carbonica
+
+Non è l'ossigeno a mancare, ma l'anidride carbonica a servire. Come funziona lo scambio nei tessuti e perché la respirazione nasale cambia le cose.
+
+### 7. La luce che regola l'orologio biologico
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 19 luglio 2026
+- **Link:** https://insanitylab.it/blog/luce-orologio-biologico
+
+Un segnale nella luce del mattino fa partire la giornata metabolica. E gli schermi della sera raccontano al cervello che è ancora mezzogiorno.
+
+### 8. Recupero attivo: perché fermarsi non basta
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 17 luglio 2026
+- **Link:** https://insanitylab.it/blog/recupero-attivo
+
+Il divano è riposo, non recupero. Sistema linfatico, tessuto connettivo e la differenza fra togliere il carico e favorire la rigenerazione.
+
+### 9. VO2max: l'indicatore che parla di longevità
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 15 luglio 2026
+- **Link:** https://insanitylab.it/blog/vo2max-longevita
+
+Quanta energia sai erogare nel tempo. È fra i parametri più correlati alla salute futura, e si allena a qualsiasi età.
+
+### 10. Leggere i dati di orologi e anelli senza farsi ingannare
+
+- **Categoria:** Articoli tecnici & scientifici
+- **Data:** 13 luglio 2026
+- **Link:** https://insanitylab.it/blog/leggere-i-dati-dei-dispositivi
+
+Un numero isolato non dice quasi nulla. Le tre regole per trasformare i dati di un dispositivo indossabile in decisioni sensate.
+
+### 11. Sette abitudini per dormire meglio da stasera
+
+- **Categoria:** Contenuti educativi
+- **Data:** 11 luglio 2026
+- **Link:** https://insanitylab.it/blog/dormire-meglio-da-stasera
+
+Nessun integratore, nessuna spesa. Piccoli gesti che spostano davvero la qualità del riposo, da provare uno alla volta.
+
+### 12. Muoversi ogni giorno: quanto basta davvero
+
+- **Categoria:** Contenuti educativi
+- **Data:** 09 luglio 2026
+- **Link:** https://insanitylab.it/blog/muoversi-ogni-giorno
+
+Fra il divano e la maratona c'è tutto lo spazio che serve. Come mettere insieme una settimana di movimento sostenibile, anche partendo da zero.
+
+### 13. Il peso non si decide sulla bilancia
+
+- **Categoria:** Contenuti educativi
+- **Data:** 07 luglio 2026
+- **Link:** https://insanitylab.it/blog/il-peso-non-e-solo-la-bilancia
+
+Cinque pilastri in ordine di importanza, e perché il lavoro vero avviene mentre dormiamo.
+
+### 14. Proteine a tavola: come distribuirle nella giornata
+
+- **Categoria:** Contenuti educativi
+- **Data:** 05 luglio 2026
+- **Link:** https://insanitylab.it/blog/proteine-a-tavola
+
+Senza bilancia e senza calcoli complicati. Quantità pratiche, fonti quotidiane e l'errore più comune: concentrare tutto a cena.
+
+### 15. Doccia fredda: come iniziare senza esagerare
+
+- **Categoria:** Contenuti educativi
+- **Data:** 03 luglio 2026
+- **Link:** https://insanitylab.it/blog/doccia-fredda-come-iniziare
+
+Una progressione in quattro settimane per abituarsi al freddo, con le avvertenze da tenere presenti prima di cominciare.
+
+### 16. Cinque minuti di respiro al giorno
+
+- **Categoria:** Contenuti educativi
+- **Data:** 01 luglio 2026
+- **Link:** https://insanitylab.it/blog/cinque-minuti-di-respiro
+
+Un esercizio semplice da fare ovunque per abbassare la tensione, e come usarlo prima di dormire o prima di una situazione difficile.
+
+### 17. La luce del mattino è la sveglia naturale
+
+- **Categoria:** Contenuti educativi
+- **Data:** 29 giugno 2026
+- **Link:** https://insanitylab.it/blog/luce-del-mattino
+
+Dieci minuti all'aperto appena alzati cambiano il sonno della notte successiva. E la sera, qualche accorgimento con gli schermi.
+
+### 18. Come capire quando serve fermarsi
+
+- **Categoria:** Contenuti educativi
+- **Data:** 27 giugno 2026
+- **Link:** https://insanitylab.it/blog/quando-fermarsi
+
+I segnali che distinguono la stanchezza normale da quella che chiede una pausa, e cosa fare nei giorni di scarico.
+
+### 19. Il piatto della longevità
+
+- **Categoria:** Contenuti educativi
+- **Data:** 25 giugno 2026
+- **Link:** https://insanitylab.it/blog/il-piatto-della-longevita
+
+Un modello visivo al posto delle tabelle: metà verdure, un quarto carboidrati, un quarto proteine. Semplice da ricordare, difficile da sbagliare.
+
+### 20. Tenere il cervello in allenamento
+
+- **Categoria:** Contenuti educativi
+- **Data:** 23 giugno 2026
+- **Link:** https://insanitylab.it/blog/cervello-in-allenamento
+
+Movimento, sonno, relazioni e cose nuove da imparare: le abitudini che proteggono la mente invecchiano meglio di qualsiasi integratore.
+

docs/superpowers/specs/2026-07-01-insanitylab-website-design.md

@@ -1,130 +0,0 @@
-# Sito web InsanityLab — Design
-
-**Data:** 2026-07-01
-**Dominio di destinazione:** insanitylab.tielogic.xyz (VPS Hostinger, porting in fase successiva)
-**Stato:** approvato dall'operatore durante la sessione di brainstorming
-
-## Obiettivo
-
-Realizzare il sito vetrina di InsanityLab (centro di allenamento e benessere, Bologna) a partire dal design Figma fornito dal designer (`FigmaDoc/*.pdf`, `Web Insanity.fig`), che ristilizza il template WordPress "Prowess" (analizzato in `Dati/cassetta-me-analisi.md`) con una palette beige/marrone al posto del rosso originale. Il sito include un blog gestibile dal cliente tramite pannello protetto da login e un form contatti che invia email. La gestione degli acquisti online (pagina prezzi Performance Class) è rimandata a una fase successiva.
-
-## Stack
-
-| Livello | Scelta |
-|---|---|
-| Framework | Astro 5, output `server` con adapter Node |
-| Pagine vetrina | Prerenderizzate (`prerender = true`) |
-| Blog e admin | Server-rendered |
-| Stile | CSS custom (palette estratta dai PDF Figma), nessun framework CSS |
-| Font | Montserrat (titoli) + Open Sans (corpo), self-hosted |
-| JS client | Vanilla, minimo indispensabile (slider, tab, accordion, header sticky) |
-| Database | SQLite via `better-sqlite3`, file `data/insanitylab.db` |
-| Editor admin | WYSIWYG TipTap, con upload immagini nel corpo articolo |
-| Email | nodemailer → SMTP (credenziali via `.env`) |
-| Test | vitest (logica) + smoke test su build |
-| Versionamento | git dal primo commit, remote su GitLab |
-| Deploy (fase 2) | Dockerfile multi-stage + compose, gestito poi via Komodo sul VPS |
-
-Motivazione: sito prevalentemente statico con una sola area dinamica (blog). Un'unica applicazione Node leggera evita la manutenzione di un CMS completo, mantiene ottime prestazioni e SEO, e resta estendibile (pagamenti in fase futura).
-
-## Route
-
-### Pubbliche
-
-| Route | Contenuto | Fonte design |
-|---|---|---|
-| `/` | Homepage: hero slider, 3 colonne Performance/Balance/Longevity, feature alternata, banner citazione, Training (4 card), Programmi (6 icone), Agenda con tab, Team trainer, Metodo (4 step), loghi partner (Ticket Welfare Edenred, Welbee, AON, Howden), footer con mini-form | Homepage.pdf |
-| `/about` | Mission, direzione, approccio, about, timeline "Storylab" (2021-2024 aperta; +2025, +2026, +oggi ad accordion), convenzioni aziendali, team completo (9 persone), metodo, IN-SANITY STUDIOS, vision | Insanitylab.pdf |
-| `/training` | 4 servizi (One to One, Small Groups, Performance Class, Fit Remote) con blocchi alternati, agenda, CTA "prenota la lezione di prova" | Training.pdf |
-| `/programs` | Griglia 6 programmi con testi reali | Programmi.pdf |
-| `/programs/[slug]` | Pagina dettaglio per ogni programma: `personal-training`, `performance-class`, `coaching`, `pilates-flow`, `rehab`, `nutrition` | Performance class.pdf |
-| `/blog` | Blog & Edugo: intro, filtri per categoria, griglia articoli, paginazione | Blog & Edugo.pdf |
-| `/blog/[slug]` | Articolo singolo con sidebar (autore, categorie, ultimi articoli, archivio) | Articolo.pdf |
-| `/contact` | Form contatti (Nome, Cognome, Telefono, E-mail, Messaggio), mappa Google, recapiti | Contatti.pdf |
-
-Dettaglio programmi: layout unico modellato su Performance class.pdf (FAQ ad accordion, descrizione, sidebar categorie + altri programmi). Il blocco pricing compare solo dove esistono prezzi — al lancio solo `performance-class` (3 piani semestrali: 130/234/300 € al mese, con varianti trimestrale e mensile ad accordion). I bottoni "acquista" puntano per ora a `/contact`. I testi degli altri cinque programmi partono dalle descrizioni di Programmi.pdf; il cliente li integrerà.
-
-### Admin (richiedono sessione)
-
-| Route | Funzione |
-|---|---|
-| `/admin/login` | Login user/password |
-| `/admin` | Elenco articoli (pubblicati e bozze) |
-| `/admin/new` | Nuovo articolo |
-| `/admin/edit/[id]` | Modifica articolo |
-
-### API
-
-| Endpoint | Funzione |
-|---|---|
-| `POST /api/contact` | Invio email form contatti (honeypot antispam + rate-limit) |
-| `POST/PUT/DELETE /api/admin/posts*` | CRUD articoli (sessione richiesta) |
-| `POST /api/admin/upload` | Upload immagini (copertina e corpo articolo, salvate in `public/uploads/`) |
-
-## Design system
-
-- **Palette** (valori esatti da campionare dai PDF in fase di implementazione): accento beige/tan ~`#b8a98a` (bottoni, etichette), marrone scuro ~`#3a2e28` (sezioni dark: agenda, banner citazione, footer, card scure), fondi chiari `#f5f3f0`/bianco.
-- **Tipografia**: Montserrat uppercase con letterspacing largo per titoli e bottoni; Open Sans per il corpo. File woff2 self-hosted (niente Google Fonts CDN, conformità GDPR).
-- **Componenti chiave**: header sticky (trasparente sopra l'hero, bianco con ombra allo scroll), hero slider (scroll-snap CSS + JS vanilla), card programma testo/foto alternate, agenda settimanale con tab per disciplina, accordion FAQ e pricing, form con stati di validazione.
-- **Responsive**: mobile-first; il Figma è solo desktop (1366 px), il comportamento mobile si deriva dalle convenzioni del template (menu hamburger sotto i 992 px, griglie che collassano a colonna).
-- **Immagini**: estratte dall'archivio `Web Insanity.fig` (è uno ZIP con cartella `images/`; i file hanno nomi hash e vanno identificati visivamente e rinominati per sezione). Fallback: asset in `Dati/` e estrazione da PDF con `pdfimages`. Ottimizzazione con `astro:assets` (webp, lazy loading, srcset).
-- **SEO**: title/description per pagina, Open Graph, sitemap, robots.txt, favicon dal logo.
-- **Mappa contatti**: iframe Google Maps con click-to-load (consenso prima del caricamento, GDPR).
-
-## Backend
-
-### Database
-
-SQLite in `data/insanitylab.db` (fuori da `src/`, montabile come volume Docker in fase 2). Schema creato da script SQL idempotente all'avvio.
-
-```sql
-posts    (id, title, slug UNIQUE, category, excerpt, body_html,
-          cover, published_at, draft, created_at, updated_at)
-users    (id, username UNIQUE, password_hash)
-sessions (token PK, user_id, expires_at)
-```
-
-Categorie blog fisse (da Figma): Articoli tecnici & scientifici, Contenuti educativi, LinkedIn / Insight, Eventi & Presidi.
-
-Il corpo articolo è HTML prodotto da TipTap, sanitizzato lato server prima del salvataggio e del rendering.
-
-### Autenticazione
-
-- Password con hash bcrypt; utenti creati via script CLI (`npm run create-user`).
-- Sessione: token random in cookie httpOnly, SameSite=Lax, scadenza 7 giorni, verificata da middleware su tutte le route `/admin` e `/api/admin`.
-- Rate-limit sul login (protezione brute force).
-
-### Email
-
-`POST /api/contact` valida i campi, applica honeypot e rate-limit, invia via nodemailer con SMTP configurato in `.env` (host, porta, credenziali, destinatario — default `info@insanitylab.it`). Risposta JSON per feedback inline nel form.
-
-### Dati statici
-
-Agenda settimanale, prezzi, team, programmi, loghi partner: file TypeScript/JSON in `src/data/`, modificati dallo sviluppatore e versionati in git. Nessuna gestione da admin per questi contenuti al lancio.
-
-## Deploy
-
-- **Fase attuale (locale)**: `npm run dev`; build verificata con `npm run build && npm run preview`.
-- **Versionamento**: repository git con remote su GitLab (namespace da confermare in fase di implementazione).
-- **Fase 2 (VPS)**: Dockerfile multi-stage (build → `node:22-slim`), `compose.yaml` con volumi per `data/` e `public/uploads/`, porta interna 4321; aggancio a Komodo e reverse proxy per `insanitylab.tielogic.xyz` quando si porterà in produzione. Fuori scope di questa spec.
-
-## Gestione errori
-
-- Form contatti: validazione client + server, messaggi di errore inline, fallback se SMTP non risponde (errore esplicito all'utente, log lato server).
-- Admin: redirect a `/admin/login` se sessione assente/scaduta; conferma prima dell'eliminazione articoli.
-- 404 personalizzata coerente col design.
-- Upload: limite dimensione (5 MB) e whitelist tipi immagine.
-
-## Test e verifica
-
-- vitest su: helper slug, validazione form, auth (hash/sessioni), query posts.
-- Smoke test: build completa senza errori; fetch delle route principali con risposta 200 e contenuti attesi.
-- Verifica visiva locale contro i PDF Figma pagina per pagina.
-
-## Fuori scope (fasi future)
-
-- Pagamenti online piani Performance Class (Stripe o simile).
-- Gestione da admin di agenda, prezzi, team.
-- Porting su VPS, DNS, TLS (fase 2 dedicata).
-- Ricerca nel blog e ricerca globale (icona lente del template: omessa al lancio).
-- E-commerce/carrello (icona carrello nell'header Figma: omessa al lancio, era ereditata dal template).

package.json

@@ -9,27 +9,36 @@
     "preview": "astro preview",
     "start": "node --env-file=.env ./dist/server/entry.mjs",
     "test": "vitest run",
-    "create-user": "node scripts/create-user.mjs"
+    "create-user": "node scripts/create-user.mjs",
+    "seed-blog": "node scripts/seed-blog-biohacking.mjs"
   },
   "dependencies": {
     "@astrojs/node": "^11.0.1",
-    "@astrojs/sitemap": "^3.7.3",
+    "@astrojs/react": "^6.0.2",
     "@fontsource/montserrat": "^5.2.8",
     "@fontsource/open-sans": "^5.2.7",
     "@tiptap/core": "^3.27.1",
     "@tiptap/extension-image": "^3.27.1",
     "@tiptap/extension-link": "^3.27.1",
     "@tiptap/starter-kit": "^3.27.1",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "astro": "^7.0.5",
     "bcryptjs": "^3.0.3",
     "better-sqlite3": "^12.11.1",
     "nodemailer": "^9.0.3",
+    "pdfkit": "^0.19.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "recharts": "^3.10.1",
     "sanitize-html": "^2.17.5"
   },
   "devDependencies": {
+    "@astrojs/check": "^0.9.9",
     "@types/bcryptjs": "^2.4.6",
     "@types/better-sqlite3": "^7.6.13",
     "@types/nodemailer": "^8.0.1",
+    "@types/pdfkit": "^0.17.6",
     "@types/sanitize-html": "^2.16.1",
     "typescript": "^6.0.3",
     "vitest": "^4.1.9"

public/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#3a2929"/>
+  <path d="M4 18h5l3-8 4 12 3-6h9" fill="none" stroke="#b8a98c" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

public/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Disallow: /admin
+Disallow: /api
+Sitemap: https://insanitylab.tielogic.xyz/sitemap.xml

scripts/create-user.mjs

@@ -0,0 +1,30 @@
+import Database from 'better-sqlite3';
+import bcrypt from 'bcryptjs';
+import { mkdirSync } from 'node:fs';
+import { dirname } from 'node:path';
+
+const [, , username, password, role = 'admin'] = process.argv;
+if (!username || !password) {
+  console.error('Uso: npm run create-user -- <username> <password> [role]');
+  process.exit(1);
+}
+// Lista duplicata di proposito: questo file è JavaScript e non può importare da
+// src/lib/auth.ts. La fonte vera è ROLES in src/lib/auth.ts - se cambia là, va allineata qui.
+if (!['admin', 'superuser', 'user', 'piattaforme', 'cliente', 'trainer'].includes(role)) {
+  console.error('Ruolo non valido. Ammessi: admin, superuser, user, piattaforme, cliente, trainer');
+  process.exit(1);
+}
+const path = process.env.DB_PATH ?? 'data/insanitylab.db';
+mkdirSync(dirname(path), { recursive: true });
+const db = new Database(path);
+db.exec(`CREATE TABLE IF NOT EXISTS users (
+  id INTEGER PRIMARY KEY AUTOINCREMENT,
+  username TEXT NOT NULL UNIQUE,
+  password_hash TEXT NOT NULL,
+  role TEXT NOT NULL DEFAULT 'admin'
+);`);
+db.prepare(
+  `INSERT INTO users (username, password_hash, role) VALUES (?, ?, ?)
+   ON CONFLICT(username) DO UPDATE SET password_hash = excluded.password_hash, role = excluded.role`
+).run(username, bcrypt.hashSync(password, 12), role);
+console.log(`Utente "${username}" creato/aggiornato in ${path}`);

scripts/locandina-evento.py

@@ -0,0 +1,141 @@
+#!/usr/bin/env python3
+"""Genera la locandina dell'In-Sanity Hour in PDF vettoriale, con il QR code vero.
+
+Perché non si parte da un sorgente grafico: l'unico file disponibile è un JPEG da
+612x751 px, che stampato su A4 darebbe 70 dpi. La locandina però è fatta di tre soli
+colori piatti, quindi si può ricalcare: ogni forma — testi, calligrafia, bicchieri —
+diventa un tracciato vettoriale che si stampa nitido a qualsiasi formato, senza dover
+reinstallare i font originali (che non abbiamo) né riprodurli a occhio.
+
+Del JPEG resta solo la geometria. Il QR di prova viene coperto e ridisegnato con
+l'URL vero della pagina evento, anch'esso vettoriale.
+
+Uso:  python3 scripts/locandina-evento.py
+Serve:  pip install --user potracer qrcode cairosvg
+"""
+from pathlib import Path
+
+import cairosvg
+import numpy as np
+import potrace
+import qrcode
+from PIL import Image
+
+URL_EVENTO = 'https://insanitylab.it/promo-eventi/eventi'
+
+RADICE = Path(__file__).resolve().parent.parent
+SORGENTE = RADICE.parent / 'Scaricati' / 'Locandina.jpeg'
+USCITA_PDF = RADICE / 'public' / 'locandina-insanity-hour.pdf'
+USCITA_PNG = RADICE / 'public' / 'img' / 'locandina-insanity-hour.png'
+USCITA_TITOLO = RADICE / 'public' / 'img' / 'insanity-hour-titolo.png'
+
+# Riquadro stampato dentro il JPEG, senza il bordo bianco dello screenshot.
+RIQUADRO = (22, 13, 597, 732)
+# Blocco "SAVE THE DATE / IN-SANITY / Hour" usato come immagine nella pagina web.
+TITOLO_WEB = (23, 24, 596, 275)
+# Quadrato del QR di prova da sostituire, in coordinate del JPEG originale.
+QR_PROVA = (387, 632, 475, 720)
+# Bordo superiore della fascia beige: la toppa sul QR non deve sconfinare nel marrone.
+FASCIA_Y = 627
+
+FONDO, BEIGE, CREMA = '#4F3126', '#D0B49E', '#F6F1E9'
+CENTRI = [(79, 49, 38), (208, 180, 158), (246, 241, 233)]
+UPSCALE = 4  # si traccia sull'immagine ingrandita: bordi piu' morbidi, curve piu' fedeli
+MODULI_QUIET = 4  # margine muto richiesto dallo standard QR, in moduli
+
+
+def classifica(immagine: Image.Image) -> np.ndarray:
+    """Assegna a ogni pixel il piu' vicino dei tre colori piatti della locandina."""
+    grande = immagine.resize((immagine.width * UPSCALE, immagine.height * UPSCALE), Image.LANCZOS)
+    px = np.asarray(grande).astype(np.int16)
+    distanze = np.stack([((px - np.array(c)) ** 2).sum(axis=2) for c in CENTRI])
+    return np.argmin(distanze, axis=0)
+
+
+def traccia(maschera: np.ndarray) -> str:
+    """Contorni della maschera come path SVG. potracer prende per foreground i pixel
+    falsi, quindi la maschera va negata."""
+    percorso = potrace.Bitmap(~maschera).trace(turdsize=6, alphamax=1.0, opticurve=True, opttolerance=0.2)
+    d = []
+    for curva in percorso.curves:
+        avvio = curva.start_point
+        d.append(f'M{avvio.x / UPSCALE:.2f},{avvio.y / UPSCALE:.2f}')
+        for seg in curva.segments:
+            fine = seg.end_point
+            if seg.is_corner:
+                d.append(f'L{seg.c.x / UPSCALE:.2f},{seg.c.y / UPSCALE:.2f}L{fine.x / UPSCALE:.2f},{fine.y / UPSCALE:.2f}')
+            else:
+                d.append(
+                    f'C{seg.c1.x / UPSCALE:.2f},{seg.c1.y / UPSCALE:.2f}'
+                    f' {seg.c2.x / UPSCALE:.2f},{seg.c2.y / UPSCALE:.2f}'
+                    f' {fine.x / UPSCALE:.2f},{fine.y / UPSCALE:.2f}'
+                )
+        d.append('Z')
+    return ''.join(d)
+
+
+def qr_svg(x0: float, y0: float, x1: float, y1: float) -> str:
+    """QR dell'URL evento, disegnato a rettangoli dentro il riquadro dato.
+
+    Il QR di prova sfiorava il bordo marrone: qui il modulo viene calcolato includendo
+    il margine muto, cosi' il codice resta leggibile anche stampato in piccolo.
+    """
+    codice = qrcode.QRCode(error_correction=qrcode.constants.ERROR_CORRECT_M, box_size=1, border=0)
+    codice.add_data(URL_EVENTO)
+    codice.make(fit=True)
+    matrice = codice.get_matrix()
+    n = len(matrice)
+
+    lato = min(x1 - x0, y1 - y0)
+    modulo = lato / (n + 2 * MODULI_QUIET)
+    off_x = x0 + (x1 - x0 - lato) / 2 + MODULI_QUIET * modulo
+    off_y = y0 + (y1 - y0 - lato) / 2 + MODULI_QUIET * modulo
+
+    quadrati = [
+        f'<rect x="{off_x + c * modulo:.3f}" y="{off_y + r * modulo:.3f}" '
+        f'width="{modulo:.3f}" height="{modulo:.3f}"/>'
+        for r, riga in enumerate(matrice)
+        for c, pieno in enumerate(riga)
+        if pieno
+    ]
+    return f'<g fill="{FONDO}" shape-rendering="crispEdges">{"".join(quadrati)}</g>', n
+
+
+def main() -> None:
+    originale = Image.open(SORGENTE).convert('RGB')
+    locandina = originale.crop(RIQUADRO)
+    larghezza, altezza = locandina.size
+    etichette = classifica(locandina)
+
+    dx, dy = RIQUADRO[0], RIQUADRO[1]
+    qx0, qy0, qx1, qy1 = QR_PROVA[0] - dx, QR_PROVA[1] - dy, QR_PROVA[2] - dx, QR_PROVA[3] - dy
+    qr, moduli = qr_svg(qx0, qy0, qx1, qy1)
+    toppa_y = max(qy0 - 6, FASCIA_Y - dy + 1)
+
+    svg = f'''<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 {larghezza} {altezza}" width="{larghezza}" height="{altezza}">
+<rect width="{larghezza}" height="{altezza}" fill="{FONDO}"/>
+<path fill="{BEIGE}" d="{traccia(etichette == 1)}"/>
+<path fill="{CREMA}" d="{traccia(etichette == 2)}"/>
+<rect x="{qx0 - 6}" y="{toppa_y}" width="{qx1 - qx0 + 12}" height="{qy1 + 6 - toppa_y}" fill="{BEIGE}"/>
+{qr}
+</svg>'''
+
+    USCITA_PDF.parent.mkdir(parents=True, exist_ok=True)
+    # Proporzioni native (575x719). cairosvg legge i px a 96 dpi: per una base di 210 mm
+    # (la larghezza di un A4) la pagina va chiesta in px, non in punti.
+    px_per_mm = 96 / 25.4
+    scala = 210 * px_per_mm / larghezza
+    cairosvg.svg2pdf(bytestring=svg.encode(), write_to=str(USCITA_PDF),
+                     output_width=larghezza * scala, output_height=altezza * scala)
+    cairosvg.svg2png(bytestring=svg.encode(), write_to=str(USCITA_PNG),
+                     output_width=larghezza * 3, output_height=altezza * 3)
+    originale.crop(TITOLO_WEB).save(USCITA_TITOLO)
+
+    print(f'locandina  {larghezza}x{altezza} px -> {USCITA_PDF.relative_to(RADICE)} '
+          f'({210:.0f}x{210 * altezza / larghezza:.0f} mm)')
+    print(f'anteprima  {larghezza * 3}x{altezza * 3} -> {USCITA_PNG.relative_to(RADICE)}')
+    print(f'QR         {moduli}x{moduli} moduli -> {URL_EVENTO}')
+
+
+if __name__ == '__main__':
+    main()

scripts/seed-blog-biohacking.mjs

@@ -0,0 +1,500 @@
+#!/usr/bin/env node
+/**
+ * seed-blog-biohacking.mjs — carica nel blog venti articoli divulgativi tratti dal corso
+ * base del Biohacking Campus: dieci tecnici a firma Nicola Antonelli e dieci educativi a
+ * firma Donata Dal Pastro.
+ *
+ * PERCHÉ UNO SCRIPT
+ *   Gli articoli vivono nel database, che in produzione è un volume del VPS e non viene
+ *   toccato dal deploy: creandoli a mano in locale resterebbero in locale. Questo script è
+ *   versionato, quindi si esegue anche là.
+ *
+ * USO
+ *   npm run seed-blog            (usa data/insanitylab.db, o DB_PATH se impostata)
+ *
+ * IDEMPOTENTE
+ *   Salta gli articoli il cui slug è già presente e non tocca quelli modificati a mano.
+ *   Gli autori vengono creati solo se mancano, con una password casuale: per usare quegli
+ *   account si passa dal pannello Utenti e si imposta una password.
+ */
+import Database from 'better-sqlite3';
+import bcrypt from 'bcryptjs';
+import { randomBytes } from 'node:crypto';
+
+const DB_PATH = process.env.DB_PATH ?? 'data/insanitylab.db';
+const TECNICI = 'Articoli tecnici & scientifici';
+const EDUCATIVI = 'Contenuti educativi';
+const NICOLA = 'Nicola Antonelli';
+const DONATA = 'Donata Dal Pastro';
+
+const p = (...paragrafi) => paragrafi.join('\n');
+
+const articoli = [
+  // ---------------------------------------------------------------- tecnici
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'sonno-cicli-non-ore',
+    title: 'Il sonno si misura in cicli, non in ore',
+    excerpt: 'Sette ore spezzate valgono meno di sei ore intere. Come funziona l\'architettura del sonno e perché conviene ragionare in blocchi da novanta minuti.',
+    body: p(
+      '<p>Quando parliamo di sonno, quasi tutti pensano a un numero: sette ore, otto ore. È una misura comoda ma imprecisa, perché il sonno non è un blocco uniforme. È una sequenza di cicli, ciascuno della durata media di novanta minuti, in cui si alternano fasi leggere, sonno profondo e fase REM.</p>',
+      '<p>Ogni fase ha un compito diverso. Nel sonno profondo il corpo ripara i tessuti e libera l\'ormone della crescita; nella fase REM il cervello riordina memoria ed emozioni. Interrompere un ciclo a metà significa svegliarsi nel mezzo di un lavoro non finito: è la ragione per cui a volte ci si alza più stanchi dopo otto ore che dopo sei e mezza.</p>',
+      '<h2>Quattro o cinque cicli, non un numero fisso</h2>',
+      '<p>Per un adulto l\'obiettivo ragionevole sono quattro o cinque cicli completi, cioè fra le sei e le sette ore e mezza. Contare i cicli invece delle ore cambia anche il modo di scegliere l\'orario della sveglia: meglio anticiparla di venti minuti per chiudere un ciclo, che rubarne dieci nel mezzo del successivo.</p>',
+      '<h2>I micro-risvegli non sono un problema</h2>',
+      '<p>Durante la notte ci si sveglia molte più volte di quanto si ricordi: un centinaio di micro-risvegli è considerato normale e non compromette la qualità del riposo. Sono la loro frequenza eccessiva e la difficoltà a riaddormentarsi a segnalare un sonno realmente disturbato, non il singolo risveglio notturno che tutti sperimentiamo.</p>',
+      '<h2>La notte si prepara di giorno</h2>',
+      '<p>Il punto meno intuitivo è che la qualità del sonno si decide molto prima di andare a letto. Il rilascio serale di melatonina segue un conto alla rovescia che parte dal momento in cui ci si sveglia e si prende la prima luce del giorno; il cortisolo, il suo antagonista, dovrebbe salire al mattino e scendere la sera. Luce forte a tarda ora, cene abbondanti e allenamenti intensi a ridosso della notte spostano questo equilibrio.</p>',
+      '<p>Per chi si allena la conseguenza è concreta: il lavoro fatto in palestra diventa adattamento durante la notte. Se il sonno è compromesso, lo stimolo c\'è ma la risposta arriva a metà.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'hrv-variabilita-cardiaca',
+    title: 'HRV: che cosa dice davvero la variabilità cardiaca',
+    excerpt: 'Non è la frequenza cardiaca e non è un voto sulla forma fisica. È la misura di quanto il sistema nervoso sa attivarsi e, soprattutto, tornare in equilibrio.',
+    body: p(
+      '<p>Sempre più orologi e anelli mostrano un valore chiamato HRV, variabilità della frequenza cardiaca. Viene spesso letto come una pagella quotidiana, ma misura qualcosa di più sottile: non quanti battiti fa il cuore in un minuto, bensì quanto varia l\'intervallo di tempo fra un battito e il successivo.</p>',
+      '<p>Un cuore sano non è un metronomo. Quella variazione riflette il dialogo continuo fra le due parti del sistema nervoso autonomo: il ramo simpatico, che ci attiva davanti a uno sforzo o a una scadenza, e il parasimpatico, che ci riporta al riposo e alla digestione.</p>',
+      '<h2>Il ritorno all\'equilibrio conta più dell\'attivazione</h2>',
+      '<p>La lettura più utile dell\'HRV non riguarda la capacità di rispondere allo stress, che quasi tutti hanno, ma quella di rientrare in equilibrio quando lo stimolo finisce. Essere in forma significa saper accendere e saper spegnere. Un valore stabilmente basso racconta spesso un sistema che resta acceso anche quando non serve.</p>',
+      '<h2>Il numero da solo non significa nulla</h2>',
+      '<p>L\'HRV ha una fortissima componente individuale: confrontare il proprio valore con quello di un\'altra persona non ha senso, perché dipende dall\'età, dalla genetica e dall\'algoritmo del dispositivo. Ha senso invece confrontarlo con se stessi nel tempo, guardando il trend su settimane e mesi.</p>',
+      '<h2>Come si legge in pratica</h2>',
+      '<ul>',
+      '<li>Un calo isolato dopo un allenamento intenso o una serata storta è fisiologico.</li>',
+      '<li>Un calo che si protrae per giorni, insieme a sonno peggiore e frequenza a riposo più alta, suggerisce di alleggerire il carico.</li>',
+      '<li>Alcol, cena tardi, allenamento serale e febbre incidono più di quanto si immagini.</li>',
+      '</ul>',
+      '<p>Il valore aggiunto non è il numero, ma il mettere in relazione più dati: sonno, carico di allenamento, HRV e frequenza a riposo raccontano insieme una storia che nessuno dei quattro racconta da solo.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'quante-proteine-servono',
+    title: 'Quante proteine servono davvero',
+    excerpt: 'Prima la quantità, poi la qualità, solo alla fine distribuzione e timing. La gerarchia che conta, con i numeri per chi si allena e per chi no.',
+    body: p(
+      '<p>Sulle proteine circolano più opinioni che dati. Un modo ordinato di ragionare è pensarle come una piramide a quattro livelli: alla base la quantità totale della giornata, sopra la qualità delle fonti, poi la distribuzione nei pasti e infine il timing rispetto all\'allenamento. Sistemare la base vale la gran parte del risultato; occuparsi del vertice ignorando le fondamenta è come montare le finestre prima dei muri.</p>',
+      '<h2>I numeri di riferimento</h2>',
+      '<p>Per una persona sedentaria il riferimento minimo è intorno a 0,8 grammi per chilo di peso corporeo al giorno. Per chi si allena con regolarità e vuole mantenere o costruire massa muscolare si sale a circa 1,5-1,6 grammi per chilo, con margini fino a 1,8-2 nelle fasi di carico o di dimagrimento.</p>',
+      '<p>Tradotto: una persona di 70 chili che va in palestra tre volte a settimana si colloca intorno ai 105-115 grammi al giorno, non ai 56 del riferimento minimo per chi non si muove.</p>',
+      '<h2>Il muscolo è un organo, non un ornamento</h2>',
+      '<p>La massa muscolare regola il metabolismo, protegge le articolazioni, partecipa all\'equilibrio ormonale e si correla alla capacità di restare autonomi con l\'età. È però un tessuto costoso da mantenere: in assenza di stimolo e di materiale l\'organismo lo smonta. La perdita progressiva di muscolo, la sarcopenia, comincia prima di quanto si creda, già a partire dai venticinque anni, e accelera senza allenamento contro resistenza.</p>',
+      '<h2>Conta il cronico, non il singolo giorno</h2>',
+      '<p>Una giornata sotto la quota non produce alcun danno. È il deficit ripetuto per mesi a portare al catabolismo. Vale anche il contrario: nessun singolo pasto proteico compensa settimane di apporto insufficiente.</p>',
+      '<p>Sulla distribuzione, l\'indicazione pratica è ripartire le proteine su tre o quattro pasti invece di concentrarle a cena, perché la sintesi proteica risponde meglio a stimoli ripetuti. Ma è una rifinitura: ha senso occuparsene quando la quantità totale è già a posto.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'creatina-cosa-dice-la-ricerca',
+    title: 'Creatina: che cosa dice la ricerca',
+    excerpt: 'È l\'integratore più studiato in assoluto e uno dei pochi con prove solide. A cosa serve, quanta prenderne e perché non è una sostanza dopante.',
+    body: p(
+      '<p>La creatina è probabilmente l\'integratore su cui esiste più letteratura scientifica, con decenni di studi alle spalle. Non è un ormone né una sostanza dopante: è un composto che l\'organismo produce e che assumiamo anche con la carne e il pesce, immagazzinato soprattutto nel muscolo.</p>',
+      '<h2>Come funziona</h2>',
+      '<p>Serve a rigenerare rapidamente l\'ATP, la molecola che fornisce energia nelle contrazioni brevi e intense. Avere i depositi pieni significa disporre di qualche ripetizione in più negli sforzi massimali, e quindi accumulare nel tempo un volume di lavoro maggiore. Il beneficio non è immediato: è il risultato di mesi di allenamento leggermente più produttivo.</p>',
+      '<h2>Quanta e quando</h2>',
+      '<p>Il dosaggio più studiato è di circa 3-5 grammi al giorno di creatina monoidrato, tutti i giorni, compresi quelli di riposo. Il momento della giornata è ininfluente: ciò che conta è la saturazione dei depositi, che si raggiunge in qualche settimana di assunzione costante. Le formulazioni più costose non hanno mostrato vantaggi rispetto al monoidrato.</p>',
+      '<h2>Effetti collaterali e falsi miti</h2>',
+      '<ul>',
+      '<li>Il piccolo aumento di peso iniziale è acqua trattenuta dentro il muscolo, non grasso.</li>',
+      '<li>Nelle persone con funzione renale normale non sono emersi danni ai reni alle dosi abituali.</li>',
+      '<li>Non provoca crampi né disidratazione, al contrario di quanto si diceva anni fa.</li>',
+      '</ul>',
+      '<p>Un aspetto meno noto riguarda il cervello, che utilizza anch\'esso creatina: alcune ricerche indicano effetti sulla fatica mentale e sulle prestazioni cognitive, in particolare in condizioni di privazione di sonno. Le prove qui sono più recenti e meno solide che sul versante muscolare.</p>',
+      '<p>Come sempre, un integratore lavora sul margine. Con un allenamento discontinuo e proteine insufficienti, la creatina non ha molto su cui agire.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'freddo-ormesi',
+    title: 'Il freddo e l\'ormesi: perché un piccolo stress fa bene',
+    excerpt: 'Vasi sanguigni, grasso bruno, noradrenalina. Che cosa accade nell\'organismo durante l\'esposizione al freddo e dove sta il confine con l\'esagerazione.',
+    body: p(
+      '<p>Alla base dell\'esposizione al freddo c\'è un principio generale della biologia: l\'ormesi. Uno stimolo che a dosi elevate sarebbe dannoso, somministrato a dosi contenute produce l\'effetto opposto e rende l\'organismo più resistente. Vale per l\'esercizio fisico, per il digiuno e appunto per il freddo.</p>',
+      '<h2>Che cosa succede nel corpo</h2>',
+      '<p>Il primo effetto riguarda i vasi sanguigni. I cicli di vasocostrizione e vasodilatazione allenano la muscolatura liscia che li avvolge, migliorando nel tempo la microcircolazione. È un lavoro che il sistema cardiovascolare non riceve in nessun altro modo.</p>',
+      '<p>Il secondo riguarda il tessuto adiposo bruno, ricco di mitocondri, che sotto una certa temperatura brucia energia per produrre calore invece di immagazzinarla. Il terzo è nervoso: l\'esposizione al freddo aumenta in modo marcato la noradrenalina, oltre a dopamina e serotonina, ed è la ragione della lucidità e del buonumore che molti riferiscono dopo.</p>',
+      '<h2>Il disagio è parte del meccanismo</h2>',
+      '<p>Il beneficio non nasce dal piacere ma dalla condizione di stress controllato. Una doccia tiepida non produce gli stessi adattamenti di un\'immersione realmente fredda. Allo stesso tempo, dose e durata contano: qui più non è meglio.</p>',
+      '<h2>Le cautele che vale la pena conoscere</h2>',
+      '<ul>',
+      '<li>L\'<em>afterdrop</em> è il calo della temperatura interna che avviene <strong>dopo</strong> l\'uscita dall\'acqua, non durante: è il momento più delicato, e va gestito riscaldandosi gradualmente.</li>',
+      '<li>Chi ha patologie cardiovascolari o pressorie dovrebbe parlarne prima con il proprio medico.</li>',
+      '<li>Il freddo subito dopo un allenamento di forza smorza parte della risposta infiammatoria che serve all\'adattamento muscolare: meglio distanziarlo di qualche ora.</li>',
+      '</ul>',
+      '<p>Vale la pena ricordare che l\'infiammazione acuta è un processo utile e necessario. L\'obiettivo non è spegnerla, ma contenere quella cronica di basso grado che accompagna sedentarietà, sonno scarso e stress prolungato.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'respirazione-anidride-carbonica',
+    title: 'Respirare meno per ossigenare meglio: il ruolo della CO2',
+    excerpt: 'Non è l\'ossigeno a mancare, ma l\'anidride carbonica a servire. Come funziona lo scambio nei tessuti e perché la respirazione nasale cambia le cose.',
+    body: p(
+      '<p>Respiriamo più di ventimila volte al giorno senza pensarci. È proprio l\'automatismo a rendere poco intuitivo il meccanismo: quasi tutti immaginano che respirare di più significhi ossigenarsi meglio. In condizioni normali il sangue arterioso è già saturo di ossigeno quasi al massimo, e il fattore limitante è un altro.</p>',
+      '<h2>La CO2 non è solo uno scarto</h2>',
+      '<p>L\'anidride carbonica regola il rilascio dell\'ossigeno dall\'emoglobina ai tessuti. Con livelli di CO2 troppo bassi, l\'ossigeno resta legato ai globuli rossi e arriva meno dove serve. Iperventilare, cioè respirare più del necessario, produce quindi l\'effetto opposto a quello desiderato.</p>',
+      '<p>Da qui l\'utilità di allenare la tolleranza alla CO2 con respirazioni lente e ritenzioni brevi: non si tratta di prendere più aria, ma di usarne meglio quella che entra.</p>',
+      '<h2>Il respiro come interruttore del sistema nervoso</h2>',
+      '<p>Il respiro è l\'unica funzione autonoma che possiamo controllare volontariamente, e questo lo rende una leva diretta sul sistema nervoso. Accelerare il ritmo attiva il ramo simpatico, quello dell\'allerta; rallentare e soprattutto allungare l\'espirazione attiva il parasimpatico, quello del recupero. È il motivo per cui un\'espirazione più lunga dell\'inspirazione abbassa la frequenza cardiaca in pochi minuti.</p>',
+      '<h2>Perché dal naso</h2>',
+      '<p>La respirazione nasale filtra, riscalda e umidifica l\'aria, e produce ossido nitrico, che favorisce la vasodilatazione. Respirare dalla bocca a riposo, soprattutto di notte, è associato a sonno più frammentato e secchezza delle vie aeree.</p>',
+      '<p>Per chi si allena, la respirazione nasale nei lavori a bassa intensità è un allenamento in sé: all\'inizio costringe a rallentare, poi migliora l\'efficienza. Nelle intensità elevate la bocca resta necessaria, ed è del tutto normale.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'luce-orologio-biologico',
+    title: 'La luce che regola l\'orologio biologico',
+    excerpt: 'Un segnale nella luce del mattino fa partire la giornata metabolica. E gli schermi della sera raccontano al cervello che è ancora mezzogiorno.',
+    body: p(
+      '<p>Ci siamo evoluti per milioni di anni sotto il sole, e i nostri processi biologici sono sincronizzati sul ciclo luce-buio. La luce non è un contorno ambientale: è il segnale principale che coordina l\'orologio interno.</p>',
+      '<h2>Il segnale del mattino</h2>',
+      '<p>Nella luce dell\'alba è presente una componente blu che, attraverso l\'occhio, raggiunge il nucleo soprachiasmatico, l\'orologio centrale situato nell\'ipotalamo. Da lì parte a cascata la giornata metabolica: risveglio, produzione di cortisolo, attivazione della digestione e della muscolatura. È anche il momento in cui viene impostato il conto alla rovescia per la melatonina serale.</p>',
+      '<p>In pratica: dieci o quindici minuti all\'aperto entro la prima ora dal risveglio hanno un effetto che nessuna lampada da interno riesce a replicare, perché l\'intensità luminosa esterna è di ordini di grandezza superiore anche in una giornata nuvolosa.</p>',
+      '<h2>Il problema della sera</h2>',
+      '<p>I LED di lampade, televisori e telefoni emettono lunghezze d\'onda simili a quelle della luce diurna. Usarli a tarda ora comunica al cervello che è ancora giorno, tenendo alto lo stato di allerta e ritardando la melatonina — che, oltre a regolare il sonno profondo, è uno dei più potenti antiossidanti prodotti dall\'organismo.</p>',
+      '<h2>Anche la pelle riceve luce</h2>',
+      '<p>Non sono solo gli occhi a raccogliere il segnale: la pelle contiene fotorecettori e partecipa alla regolazione dello stato di veglia. È una delle ragioni per cui l\'esposizione all\'aperto ha effetti che una luce artificiale puntata sugli occhi non riproduce.</p>',
+      '<p>Un ultimo punto, spesso frainteso: addormentarsi in pochi secondi non è segno di buon sonno. Più spesso indica un debito accumulato. Un addormentamento in dieci-venti minuti è considerato fisiologico.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'recupero-attivo',
+    title: 'Recupero attivo: perché fermarsi non basta',
+    excerpt: 'Il divano è riposo, non recupero. Sistema linfatico, tessuto connettivo e la differenza fra togliere il carico e favorire la rigenerazione.',
+    body: p(
+      '<p>Il recupero viene quasi sempre inteso in negativo: non allenarsi, non fare nulla. È una lettura parziale. Il riposo passivo serve, ma la rigenerazione dei tessuti si accelera con il movimento, non con l\'immobilità.</p>',
+      '<h2>Il sistema linfatico non ha una pompa</h2>',
+      '<p>A differenza del sangue, che ha il cuore, la linfa si muove grazie alla contrazione muscolare e alla respirazione. Restare fermi rallenta il drenaggio dei cataboliti prodotti dall\'allenamento; una camminata, una pedalata leggera o una sessione di mobilità lo favoriscono. È la logica del recupero attivo.</p>',
+      '<h2>La fascia va tenuta fluida</h2>',
+      '<p>Il tessuto connettivo che avvolge muscoli e organi è ricco di acido ialuronico, una molecola sensibile alla temperatura che tende a irrigidirsi con il freddo e la sedentarietà. Movimento a bassa intensità, calore e lavoro sui tessuti aiutano a mantenerlo elastico, con effetti diretti sulla percezione di rigidità del giorno dopo.</p>',
+      '<h2>Carico e recupero sono due fasi della stessa cosa</h2>',
+      '<p>Il progresso non nasce dall\'allenamento ma dall\'adattamento all\'allenamento, che avviene dopo. Quando l\'energia spesa supera stabilmente quella rigenerata, il risultato non è più allenamento: è affaticamento cronico. Per questo il recupero andrebbe programmato nella settimana come si programma una seduta, non lasciato ai ritagli.</p>',
+      '<h2>Attenzione a non assistere troppo il corpo</h2>',
+      '<p>C\'è un limite alla logica dell\'aiuto esterno. Riempire l\'organismo di antiossidanti e integratori attorno all\'allenamento rischia di smorzare proprio le risposte che l\'allenamento dovrebbe stimolare. Il corpo ha bisogno di essere sollecitato e poi messo nelle condizioni di rispondere, non di essere protetto da ogni stimolo.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'vo2max-longevita',
+    title: 'VO2max: l\'indicatore che parla di longevità',
+    excerpt: 'Quanta energia sai erogare nel tempo. È fra i parametri più correlati alla salute futura, e si allena a qualsiasi età.',
+    body: p(
+      '<p>Il VO2max misura il massimo volume di ossigeno che l\'organismo riesce a utilizzare nell\'unità di tempo. Detto in modo più diretto: quanta energia si è capaci di erogare in modo sostenuto. È un indicatore nato nel mondo della prestazione sportiva, ma oggi viene considerato uno dei parametri più informativi sullo stato di salute complessivo.</p>',
+      '<h2>Perché conta anche per chi non gareggia</h2>',
+      '<p>Un VO2max più alto significa un margine più ampio fra ciò che la vita quotidiana richiede e ciò che l\'organismo può erogare. Quel margine è ciò che permette di salire le scale con la spesa a sessant\'anni, e di reggere meglio una malattia o un intervento.</p>',
+      '<h2>Si allena, e non solo correndo</h2>',
+      '<p>Migliora con il lavoro cardiovascolare strutturato: molto volume a bassa intensità, dove si respira ancora dal naso e si riesce a parlare, più una quota limitata di lavori intensi. La combinazione conta più della singola seduta dura, e i risultati arrivano con cicli di carico e scarico, non con settimane tutte uguali.</p>',
+      '<h2>La palestra non è uno sport</h2>',
+      '<p>È un\'osservazione utile a smontare un pregiudizio frequente. La sala pesi non è una disciplina a sé che produce solo muscoli visibili: è il lavoro complementare di cui hanno bisogno il corridore, il tennista, il nuotatore e chiunque voglia arrivare lontano in salute. Forza e capacità aerobica non sono alternative, sono due gambe dello stesso percorso.</p>',
+      '<p>Gli orologi sportivi stimano il VO2max con formule indirette: il valore assoluto va preso con prudenza, la sua tendenza nel tempo è invece un\'informazione utile.</p>'
+    ),
+  },
+  {
+    autore: NICOLA, categoria: TECNICI,
+    slug: 'leggere-i-dati-dei-dispositivi',
+    title: 'Leggere i dati di orologi e anelli senza farsi ingannare',
+    excerpt: 'Un numero isolato non dice quasi nulla. Le tre regole per trasformare i dati di un dispositivo indossabile in decisioni sensate.',
+    body: p(
+      '<p>Un dispositivo indossabile produce ogni giorno decine di valori: sonno, recupero, sforzo, prontezza, frequenza a riposo, variabilità cardiaca. Il rischio è passare dal non sapere nulla al sapere troppo, senza che questo migliori una sola decisione.</p>',
+      '<h2>Prima regola: guardare il trend, non il giorno</h2>',
+      '<p>Un valore isolato è rumore. Il punteggio di recupero basso del martedì non significa nulla da solo; la stessa metrica in calo per otto giorni consecutivi è un\'informazione. Ha senso ragionare su finestre di una settimana, un mese, un trimestre.</p>',
+      '<h2>Seconda regola: incrociare i parametri</h2>',
+      '<p>Il valore aggiunto sta nel mettere in relazione i dati fra loro. Una variabilità cardiaca crollata si spiega spesso con un allenamento serale, una cena tardiva o un bicchiere di troppo. Presa da sola diventa un allarme; letta insieme al resto diventa una spiegazione.</p>',
+      '<h2>Terza regola: sapere che cosa misura il proprio dispositivo</h2>',
+      '<p>Gli strumenti non sono equivalenti. Alcuni nascono orientati allo sport e pesano molto il carico di allenamento; altri nascono come strumenti per il sonno e restituiscono un quadro più orientato allo stile di vita. Misurano grandezze simili, ma le elaborano con algoritmi diversi: confrontare il proprio numero con quello di un amico che usa un altro dispositivo non ha alcun significato.</p>',
+      '<h2>E il corpo?</h2>',
+      '<p>Il dato non sostituisce la sensazione, la contestualizza. Se il dispositivo segnala recupero pieno ma ci si sente a pezzi, l\'informazione utile è la seconda. Gli strumenti servono a rendere visibili le tendenze che la percezione quotidiana fatica a cogliere, non a scavalcarla.</p>'
+    ),
+  },
+
+  // -------------------------------------------------------------- educativi
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'dormire-meglio-da-stasera',
+    title: 'Sette abitudini per dormire meglio da stasera',
+    excerpt: 'Nessun integratore, nessuna spesa. Piccoli gesti che spostano davvero la qualità del riposo, da provare uno alla volta.',
+    body: p(
+      '<p>Dormire bene è la cosa più economica che possiamo fare per la nostra salute, e spesso la più trascurata. Non servono acquisti: serve preparare la notte durante il giorno. Ecco sette abitudini, in ordine di facilità.</p>',
+      '<h2>1. Uscire la mattina</h2>',
+      '<p>Dieci minuti di luce naturale entro un\'ora dal risveglio danno il via all\'orologio interno e, di conseguenza, alla melatonina della sera. Anche con il cielo coperto.</p>',
+      '<h2>2. Andare a letto e alzarsi a orari simili</h2>',
+      '<p>La regolarità conta più della durata. Un orario stabile, weekend compresi, vale più di un\'ora in più presa a casaccio.</p>',
+      '<h2>3. Cenare prima e più leggeri</h2>',
+      '<p>Una digestione in corso alza la temperatura interna e disturba le prime ore di sonno, quelle più profonde. Meglio finire almeno due o tre ore prima di coricarsi.</p>',
+      '<h2>4. Abbassare le luci dopo cena</h2>',
+      '<p>Non serve vivere a lume di candela: basta spegnere il lampadario centrale e usare luci basse e calde. Il cervello legge la penombra come segnale di sera.</p>',
+      '<h2>5. Fermare il caffè presto</h2>',
+      '<p>La caffeina resta in circolo per molte ore: il caffè delle cinque del pomeriggio è ancora presente a mezzanotte. Per la maggior parte delle persone conviene chiudere all\'ora di pranzo.</p>',
+      '<h2>6. Tenere la camera fresca e buia</h2>',
+      '<p>La temperatura interna deve scendere perché il sonno profondo arrivi: una stanza attorno ai 18 gradi aiuta. Buio significa buio davvero, anche le lucine degli apparecchi.</p>',
+      '<h2>7. Costruire un piccolo rituale</h2>',
+      '<p>Sempre gli stessi gesti nella mezz\'ora prima di dormire — una doccia, qualche pagina, due minuti di respiro lento — insegnano al corpo che cosa sta per succedere.</p>',
+      '<p>Un consiglio pratico: non provarle tutte insieme. Se ne scelgono due, si tengono per dieci giorni e si valuta come ci si sente al risveglio.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'muoversi-ogni-giorno',
+    title: 'Muoversi ogni giorno: quanto basta davvero',
+    excerpt: 'Fra il divano e la maratona c\'è tutto lo spazio che serve. Come mettere insieme una settimana di movimento sostenibile, anche partendo da zero.',
+    body: p(
+      '<p>La domanda che arriva più spesso è: quanto devo allenarmi? La risposta onesta è che il primo obiettivo non è la quantità, è la continuità. Tre sedute costanti per un anno valgono infinitamente più di sei sedute per tre settimane.</p>',
+      '<h2>Le tre cose che non dovrebbero mancare</h2>',
+      '<ul>',
+      '<li><strong>Camminare tutti i giorni.</strong> È la base gratuita su cui si appoggia tutto il resto. Va benissimo distribuita: due tratte a piedi al posto dell\'auto valgono quanto un\'unica passeggiata.</li>',
+      '<li><strong>Lavorare contro resistenza due volte a settimana.</strong> Pesi, elastici, corpo libero. Serve a mantenere il muscolo, che dopo i venticinque anni si perde spontaneamente se non lo si usa.</li>',
+      '<li><strong>Alzare il fiato una volta a settimana.</strong> Una salita, una corsa breve, una lezione più intensa: qualcosa che faccia respirare a fondo.</li>',
+      '</ul>',
+      '<h2>"Non voglio andare in palestra, non voglio i muscoli"</h2>',
+      '<p>È un\'obiezione frequente e nasce da un equivoco: la sala pesi non è una disciplina sportiva, è un luogo pieno di attrezzi che serve a sostenere tutto il resto. Il corridore ci va per non infortunarsi, chi ha mal di schiena per rinforzare ciò che lo protegge, chi ha superato i sessanta per continuare a salire le scale con la spesa in mano.</p>',
+      '<h2>Partire da dove si è</h2>',
+      '<p>Chi arriva da mesi di fermo non ha bisogno di un programma da atleta, ha bisogno di un programma che riesca a rispettare. Due sedute a settimana, brevi, con esercizi semplici, sono un punto di partenza serio. Il carico si aggiunge dopo, quando l\'abitudine regge da sola.</p>',
+      '<p>Un ultimo pensiero: il corpo non distingue fra allenamento e vita. Portare la spesa, fare le scale, andare in bicicletta al lavoro contano davvero, e per molte persone sono la parte più grande del movimento settimanale.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'il-peso-non-e-solo-la-bilancia',
+    title: 'Il peso non si decide sulla bilancia',
+    excerpt: 'Cinque pilastri in ordine di importanza, e perché il lavoro vero avviene mentre dormiamo.',
+    body: p(
+      '<p>Quando si parla di perdere peso l\'attenzione va quasi sempre a un dettaglio: un alimento da eliminare, un integratore, una nuova dieta. Le cose che contano davvero sono poche e stanno in una gerarchia precisa.</p>',
+      '<h2>La piramide, dal basso verso l\'alto</h2>',
+      '<ol>',
+      '<li><strong>Il bilancio calorico.</strong> Per perdere grasso bisogna consumare più di quanto si introduce. Comunque lo si ottenga, senza questo non succede nulla.</li>',
+      '<li><strong>Il sonno.</strong> Dormire poco altera gli ormoni della fame e rende molto più difficile mantenere il resto.</li>',
+      '<li><strong>Le proteine.</strong> Saziano, proteggono il muscolo mentre si dimagrisce e riducono la perdita di massa magra.</li>',
+      '<li><strong>Il lavoro con i pesi.</strong> Dà all\'organismo la ragione per tenere il muscolo invece di smontarlo.</li>',
+      '<li><strong>Il cardio.</strong> Utile, ma all\'ultimo posto: aiuta il bilancio, non lo sostituisce.</li>',
+      '</ol>',
+      '<h2>Il weekend conta come i giorni feriali</h2>',
+      '<p>È l\'inciampo più comune: cinque giorni impeccabili e due giorni in cui, senza accorgersene, si recupera tutto il deficit costruito. Non serve rinunciare alla pizza; serve sapere che la settimana si giudica per intero.</p>',
+      '<h2>Il dimagrimento avviene di notte</h2>',
+      '<p>Gli stimoli si danno di giorno — mangiando in un certo modo, allenandosi — ma il lavoro metabolico si compie durante il riposo. Una parte importante del grasso smaltito lascia l\'organismo attraverso la respirazione notturna. È un altro motivo per cui chi dorme male fatica a vedere risultati anche facendo tutto il resto.</p>',
+      '<h2>Il corpo deve stare tranquillo</h2>',
+      '<p>Stress prolungato, notti corte, giornate senza pause: in queste condizioni l\'organismo tende a trattenere. Prima di aggiungere un\'altra restrizione alimentare, spesso conviene togliere qualcosa dal carico complessivo.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'proteine-a-tavola',
+    title: 'Proteine a tavola: come distribuirle nella giornata',
+    excerpt: 'Senza bilancia e senza calcoli complicati. Quantità pratiche, fonti quotidiane e l\'errore più comune: concentrare tutto a cena.',
+    body: p(
+      '<p>Le proteine sono il mattone con cui l\'organismo ripara e mantiene i tessuti, muscolo compreso. Molte persone ne assumono meno di quanto pensino, soprattutto a colazione e a pranzo.</p>',
+      '<h2>Un ordine di grandezza, non un calcolo</h2>',
+      '<p>Per chi si allena con regolarità, un riferimento pratico è circa un grammo e mezzo per chilo di peso al giorno: attorno ai cento grammi per una persona di settanta chili. Per chi ha una vita più sedentaria il fabbisogno è più basso, ma resta più alto di quanto la maggior parte delle persone arrivi a coprire.</p>',
+      '<h2>Che cosa significa in pratica</h2>',
+      '<p>Senza pesare nulla, aiuta ricordare gli ordini di grandezza: una porzione di carne o pesce da mano aperta fornisce circa 25-30 grammi di proteine, due uova circa 12, un vasetto di yogurt greco 15-20, una porzione di legumi 12-15.</p>',
+      '<h2>L\'errore più comune</h2>',
+      '<p>Colazione dolce, pranzo veloce, e tutte le proteine concentrate a cena. L\'organismo utilizza meglio stimoli ripetuti nell\'arco della giornata: distribuirle su tre o quattro pasti rende lo stesso totale più efficace, e per di più aiuta a non arrivare affamati alla sera.</p>',
+      '<ul>',
+      '<li>A colazione: yogurt, uova, ricotta, o una fonte proteica accanto ai carboidrati abituali.</li>',
+      '<li>A pranzo: che ci sia sempre una fonte riconoscibile, non solo un piatto di pasta.</li>',
+      '<li>A cena: la porzione consueta, senza doverla raddoppiare per compensare.</li>',
+      '</ul>',
+      '<h2>E le polveri?</h2>',
+      '<p>Sono un alimento comodo, non un prodotto magico: servono quando raggiungere la quota con il cibo è difficile per abitudini o orari. Chi già ci arriva mangiando non ne ha bisogno.</p>',
+      '<p>Un\'ultima cosa: quello che conta è la media delle settimane, non la giornata perfetta. Un giorno sotto la quota non rovina nulla.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'doccia-fredda-come-iniziare',
+    title: 'Doccia fredda: come iniziare senza esagerare',
+    excerpt: 'Una progressione in quattro settimane per abituarsi al freddo, con le avvertenze da tenere presenti prima di cominciare.',
+    body: p(
+      '<p>L\'esposizione al freddo è diventata popolare, spesso nella sua versione più estrema. La buona notizia è che per ottenere qualcosa non serve un bagno di ghiaccio: basta la doccia di casa, con una progressione ragionevole.</p>',
+      '<h2>Perché fa bene</h2>',
+      '<p>Il freddo allena i vasi sanguigni attraverso cicli di restringimento e dilatazione, migliorando la circolazione periferica. Aumenta inoltre i neurotrasmettitori legati ad attenzione e buonumore: è la ragione della sensazione di lucidità che resta per ore.</p>',
+      '<h2>Una progressione realistica</h2>',
+      '<ul>',
+      '<li><strong>Settimana 1.</strong> Doccia normale, poi trenta secondi di acqua fredda alla fine, partendo dai piedi e salendo.</li>',
+      '<li><strong>Settimana 2.</strong> Un minuto, respirando lentamente dal naso invece di trattenere il fiato.</li>',
+      '<li><strong>Settimana 3.</strong> Due minuti, includendo la nuca e le spalle.</li>',
+      '<li><strong>Settimana 4.</strong> Due o tre minuti, quattro o cinque volte a settimana.</li>',
+      '</ul>',
+      '<p>Il momento di disagio fa parte del meccanismo: se l\'acqua è appena tiepida non succede granché. Il respiro è lo strumento per gestirlo — quando accorcia e si fa affannoso, si rallenta l\'espirazione.</p>',
+      '<h2>Le avvertenze</h2>',
+      '<p>Chi ha problemi di cuore, di pressione o è in gravidanza dovrebbe parlarne prima con il proprio medico. Mai in acque libere da soli, e attenzione al riscaldamento dopo: la temperatura interna continua a scendere per qualche minuto anche una volta usciti, quindi si torna al caldo con gradualità, senza passare direttamente a un bagno bollente.</p>',
+      '<h2>Un dettaglio per chi si allena</h2>',
+      '<p>Subito dopo una seduta di pesi il freddo attenua parte della risposta che serve al muscolo per adattarsi. Se l\'obiettivo è la massa, meglio spostarlo al mattino o comunque a distanza di qualche ora dall\'allenamento.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'cinque-minuti-di-respiro',
+    title: 'Cinque minuti di respiro al giorno',
+    excerpt: 'Un esercizio semplice da fare ovunque per abbassare la tensione, e come usarlo prima di dormire o prima di una situazione difficile.',
+    body: p(
+      '<p>Il respiro è l\'unica funzione automatica che possiamo guidare a piacere. Questo lo rende lo strumento più immediato che abbiamo per intervenire sul nostro stato: non richiede attrezzi, nessuno se ne accorge e funziona in pochi minuti.</p>',
+      '<h2>La regola di base</h2>',
+      '<p>Espirare più a lungo di quanto si inspira porta il corpo verso il rilassamento. Accelerare il respiro fa il contrario, attiva. Tutto qui: il resto sono variazioni su questo principio.</p>',
+      '<h2>L\'esercizio da cui partire</h2>',
+      '<p>Seduti comodi, schiena appoggiata, respirando dal naso:</p>',
+      '<ul>',
+      '<li>Inspira contando fino a quattro.</li>',
+      '<li>Espira lentamente contando fino a sei.</li>',
+      '<li>Continua per cinque minuti, senza forzare.</li>',
+      '</ul>',
+      '<p>Se contare distrae, basta rendere l\'espirazione visibilmente più lunga dell\'inspirazione. La mano appoggiata sulla pancia aiuta a capire se il respiro è basso, diaframmatico, oppure resta alto nel petto.</p>',
+      '<h2>Quando usarlo</h2>',
+      '<ul>',
+      '<li><strong>Prima di dormire</strong>, a luci basse: prepara il passaggio al riposo.</li>',
+      '<li><strong>Prima di una situazione che mette pressione</strong>: una riunione, un esame, una telefonata rimandata.</li>',
+      '<li><strong>Dopo l\'allenamento</strong>, per accompagnare il ritorno alla calma.</li>',
+      '<li><strong>Nei risvegli notturni</strong>, invece di guardare l\'orologio.</li>',
+      '</ul>',
+      '<h2>Due cose da sapere</h2>',
+      '<p>La prima: respirare di più non significa ossigenarsi meglio. Le respirazioni profonde e affannate a vuoto spesso peggiorano la sensazione di fame d\'aria. La seconda: di giorno, a riposo, conviene respirare dal naso — filtra, riscalda e umidifica l\'aria, e la respirazione risulta più efficiente.</p>',
+      '<p>Cinque minuti al giorno per due settimane sono sufficienti per accorgersi della differenza, soprattutto sulla qualità del riposo.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'luce-del-mattino',
+    title: 'La luce del mattino è la sveglia naturale',
+    excerpt: 'Dieci minuti all\'aperto appena alzati cambiano il sonno della notte successiva. E la sera, qualche accorgimento con gli schermi.',
+    body: p(
+      '<p>C\'è un gesto che costa zero e migliora il sonno più di molti integratori: uscire all\'aperto poco dopo essersi alzati.</p>',
+      '<h2>Come funziona</h2>',
+      '<p>La luce del mattino contiene un segnale che raggiunge l\'orologio interno e gli comunica che la giornata è cominciata. Da quel momento parte una catena di attivazioni — energia, digestione, attenzione — e viene impostato il conto alla rovescia per la melatonina, l\'ormone che la sera concilierà il sonno. È per questo che la notte si prepara al mattino.</p>',
+      '<h2>Quanto e come</h2>',
+      '<p>Dieci o quindici minuti nella prima ora dal risveglio sono sufficienti. Non serve sole pieno: anche con il cielo coperto la luce esterna è molto più intensa di qualsiasi lampada di casa. Vale il caffè sul balcone, la prima parte del tragitto a piedi, il cane portato fuori senza fretta. Attraverso il vetro della finestra l\'effetto è molto ridotto.</p>',
+      '<h2>E la sera</h2>',
+      '<p>Le luci bianche e gli schermi raccontano al cervello che è ancora giorno. Non serve rinunciare alla televisione: bastano un paio di accorgimenti.</p>',
+      '<ul>',
+      '<li>Spegnere le luci centrali dopo cena e usare lampade basse e calde.</li>',
+      '<li>Attivare la modalità notturna su telefono e computer.</li>',
+      '<li>Tenere la camera completamente buia, comprese le spie degli apparecchi.</li>',
+      '</ul>',
+      '<h2>Per chi lavora su turni</h2>',
+      '<p>Chi ha orari che cambiano non può seguire il sole, ma può essere coerente: luce forte all\'inizio del proprio turno, penombra nelle ore precedenti al sonno, camera buia e fresca anche di giorno. La regolarità possibile vale più della regolarità perfetta.</p>',
+      '<p>Una nota che sorprende molti: addormentarsi in pochi secondi non è un buon segno. Di solito indica un debito di sonno accumulato.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'quando-fermarsi',
+    title: 'Come capire quando serve fermarsi',
+    excerpt: 'I segnali che distinguono la stanchezza normale da quella che chiede una pausa, e cosa fare nei giorni di scarico.',
+    body: p(
+      '<p>Chi si allena con costanza prima o poi incontra la stessa domanda: oggi vado o mi fermo? Rispondere solo con la forza di volontà porta lontano finché regge, poi presenta il conto.</p>',
+      '<h2>I segnali che vale la pena osservare</h2>',
+      '<ul>',
+      '<li>Sonno peggiorato pur andando a letto alla stessa ora.</li>',
+      '<li>Frequenza cardiaca a riposo più alta del solito per più giorni.</li>',
+      '<li>Irritabilità, motivazione in calo, voglia di saltare l\'allenamento che dura da una settimana.</li>',
+      '<li>Prestazioni in discesa nonostante l\'impegno non sia cambiato.</li>',
+      '<li>Piccoli fastidi articolari che compaiono e non se ne vanno.</li>',
+      '</ul>',
+      '<p>Un solo segnale isolato dice poco. Tre insieme, per più giorni, sono un\'indicazione chiara.</p>',
+      '<h2>Fermarsi non vuol dire stare fermi</h2>',
+      '<p>La pausa migliore raramente è il divano. Camminare, pedalare piano, fare mobilità o stretching aiuta la circolazione della linfa e accelera la rigenerazione più dell\'immobilità. È quello che si chiama recupero attivo: si toglie l\'intensità, non il movimento.</p>',
+      '<h2>Programmare lo scarico</h2>',
+      '<p>Nei percorsi ben costruiti la settimana leggera non è un imprevisto, è prevista: ogni tre o quattro settimane di carico se ne inserisce una più tranquilla. Chi la salta sistematicamente non ottiene più risultati, ne ottiene meno.</p>',
+      '<h2>Il carico è uno solo</h2>',
+      '<p>L\'organismo non tiene contabilità separate fra palestra, lavoro e vita privata. Una settimana pesante in ufficio, con poche ore di sonno, è già un carico: aggiungere sedute intense in quel periodo raramente è una buona idea. Riconoscerlo non è mancanza di disciplina, è saper leggere il quadro intero.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'il-piatto-della-longevita',
+    title: 'Il piatto della longevità',
+    excerpt: 'Un modello visivo al posto delle tabelle: metà verdure, un quarto carboidrati, un quarto proteine. Semplice da ricordare, difficile da sbagliare.',
+    body: p(
+      '<p>Le vecchie piramidi alimentari, con le loro frequenze settimanali, erano difficili da tradurre nella spesa del martedì. Un modello più semplice guarda direttamente al piatto che abbiamo davanti.</p>',
+      '<h2>Come si compone</h2>',
+      '<ul>',
+      '<li><strong>Metà piatto di verdura</strong>, meglio se di colori diversi nell\'arco della settimana.</li>',
+      '<li><strong>Un quarto di carboidrati</strong>, preferendo quelli integrali e poco lavorati.</li>',
+      '<li><strong>Un quarto di proteine</strong>: pesce, carne, uova, legumi, latticini.</li>',
+      '<li><strong>Una fonte di grassi buoni</strong>: olio extravergine, frutta secca, avocado.</li>',
+      '</ul>',
+      '<p>Non è una dieta e non prevede divieti. È uno schema che, applicato alla maggior parte dei pasti, tiene in ordine porzioni e varietà senza contare nulla.</p>',
+      '<h2>Due idee da smontare</h2>',
+      '<p><strong>I grassi non sono il nemico.</strong> Servono ad assorbire alcune vitamine, a costruire le membrane delle cellule e a produrre gli ormoni. Eliminarli fa danni. Cambia molto, invece, quali si scelgono.</p>',
+      '<p><strong>I carboidrati non fanno ingrassare di per sé.</strong> A parità di calorie complessive il peso dipende dal bilancio fra ciò che si introduce e ciò che si consuma. Quello che cambia è la qualità: un cereale integrale e una brioche si comportano in modo molto diverso nelle ore successive.</p>',
+      '<h2>La direzione generale</h2>',
+      '<p>Se dovessimo riassumere in una frase l\'alimentazione orientata alla longevità: nutrire molto, infiammare poco. Vuol dire più cibi veri e meno ultra-processati, più fibre, pesce con regolarità, e attenzione a zuccheri aggiunti e alcol — che restano la parte più facile da ridurre e quella che dà i risultati più visibili.</p>',
+      '<p>Nessuno mangia così ogni giorno, ed è normale. La media di un mese conta più del singolo pasto.</p>'
+    ),
+  },
+  {
+    autore: DONATA, categoria: EDUCATIVI,
+    slug: 'cervello-in-allenamento',
+    title: 'Tenere il cervello in allenamento',
+    excerpt: 'Movimento, sonno, relazioni e cose nuove da imparare: le abitudini che proteggono la mente invecchiano meglio di qualsiasi integratore.',
+    body: p(
+      '<p>Parliamo molto di come mantenere il corpo e poco di come mantenere la testa, eppure il cervello risponde agli stimoli con la stessa logica del muscolo: quello che non viene usato, l\'organismo lo mette da parte.</p>',
+      '<h2>Età sulla carta d\'identità ed età reale</h2>',
+      '<p>Esiste una differenza fra l\'età anagrafica e quella biologica, cioè l\'età alla quale l\'organismo sta effettivamente funzionando. Le abitudini quotidiane spostano la seconda in entrambe le direzioni, e il cervello ha una sua velocità di invecchiamento, distinta da quella del resto del corpo.</p>',
+      '<h2>Che cosa lo protegge davvero</h2>',
+      '<ul>',
+      '<li><strong>Il movimento.</strong> È l\'intervento con le prove più solide: migliora l\'irrorazione cerebrale e favorisce i processi di mantenimento dei neuroni.</li>',
+      '<li><strong>Il sonno.</strong> Durante la notte il cervello riordina i ricordi e smaltisce le scorie prodotte di giorno. Le notti corte croniche si pagano su memoria e attenzione.</li>',
+      '<li><strong>Le relazioni.</strong> L\'isolamento è un fattore di rischio per il declino cognitivo, con un peso paragonabile a quello di altri fattori più discussi.</li>',
+      '<li><strong>Imparare cose nuove.</strong> Non i giochini di allenamento mentale, che migliorano soprattutto in quei giochini: una lingua, uno strumento, un ballo, un mestiere. Meglio se difficili.</li>',
+      '<li><strong>La tavola.</strong> Pesce, verdura, frutta secca, olio extravergine; poco zucchero e poco alcol.</li>',
+      '</ul>',
+      '<h2>Un\'osservazione che vale per tutto</h2>',
+      '<p>Queste abitudini sono le stesse che proteggono cuore, metabolismo e articolazioni. Non esistono cinque programmi diversi da seguire: esiste un modo di vivere la giornata che lavora contemporaneamente su tutti i fronti.</p>',
+      '<p>E vale a ogni età. Cominciare a sessant\'anni dà meno margine che cominciare a trenta, ma il margine c\'è, ed è documentato.</p>'
+    ),
+  },
+];
+
+// ---------------------------------------------------------------------------
+
+const db = new Database(DB_PATH);
+
+function idAutore(nome) {
+  const esistente = db.prepare('SELECT id FROM users WHERE username = ?').get(nome);
+  if (esistente) return esistente.id;
+  // Password casuale: l'account nasce come firma, non per essere usato subito.
+  const hash = bcrypt.hashSync(randomBytes(12).toString('base64url'), 12);
+  const res = db.prepare('INSERT INTO users (username, password_hash, role) VALUES (?, ?, ?)')
+    .run(nome, hash, 'user');
+  console.log(`Creato l'autore ${nome} (imposta una password dal pannello Utenti per usarlo).`);
+  return Number(res.lastInsertRowid);
+}
+
+const autori = new Map();
+let inseriti = 0;
+let saltati = 0;
+
+const inserisci = db.prepare(
+  `INSERT INTO posts (title, slug, category, excerpt, body_html, cover, draft, author_id, published_at)
+   VALUES (@title, @slug, @category, @excerpt, @body_html, NULL, 0, @author_id, datetime('now', @quando))`
+);
+
+const tx = db.transaction(() => {
+  articoli.forEach((a, i) => {
+    if (db.prepare('SELECT 1 FROM posts WHERE slug = ?').get(a.slug)) {
+      saltati += 1;
+      return;
+    }
+    if (!autori.has(a.autore)) autori.set(a.autore, idAutore(a.autore));
+    inserisci.run({
+      title: a.title,
+      slug: a.slug,
+      category: a.categoria,
+      excerpt: a.excerpt,
+      body_html: a.body,
+      author_id: autori.get(a.autore),
+      // Pubblicazioni scaglionate a ritroso, così l'elenco non ha venti articoli alla stessa ora.
+      quando: `-${i * 2} days`,
+    });
+    inseriti += 1;
+  });
+});
+
+tx();
+console.log(`Blog: ${inseriti} articoli inseriti, ${saltati} già presenti.`);
+db.close();

scripts/smoke.sh

@@ -0,0 +1,51 @@
+#!/usr/bin/env bash
+set -euo pipefail
+cd "$(dirname "$0")/.."
+npm run build
+PORT=4399 node --env-file=.env ./dist/server/entry.mjs & SRV=$!
+trap 'kill $SRV' EXIT
+sleep 2
+fail=0
+for path in / /about /training /services /services/performance-class /services/rehab /blog /contact /admin/login /robots.txt; do
+  code=$(curl -s -o /dev/null -w '%{http_code}' "http://localhost:4399$path")
+  echo "$code $path"
+  [ "$code" = "200" ] || fail=1
+done
+code=$(curl -s -o /dev/null -w '%{http_code}' http://localhost:4399/admin)
+echo "$code /admin (atteso 302)"
+[ "$code" = "302" ] || fail=1
+
+# Contenuti taggati
+code=$(curl -s -o /dev/null -w '%{http_code}' http://localhost:4399/sitemap.xml)
+echo "$code /sitemap.xml"
+[ "$code" = "200" ] || fail=1
+locs=$(curl -s http://localhost:4399/sitemap.xml | grep -c '<loc>')
+echo "$locs <loc> in sitemap (atteso >= 12)"
+[ "$locs" -ge 12 ] || fail=1
+tags=$(curl -s http://localhost:4399/ | grep -c 'data-tag=')
+echo "$tags righe con data-tag= in home (atteso >= 1)"
+[ "$tags" -ge 1 ] || fail=1
+badges=$(curl -s 'http://localhost:4399/?annotate=1' | grep -c 'tag-badge' || true)
+echo "$badges tag-badge da anonimo con ?annotate=1 (atteso 0)"
+[ "$badges" = "0" ] || fail=1
+
+# /login pubblico raggiungibile
+code=$(curl -s -o /dev/null -w '%{http_code}' http://localhost:4399/login)
+echo "$code /login"
+[ "$code" = "200" ] || fail=1
+
+# Header mostra "Accedi" da anonimo
+curl -s http://localhost:4399/ | grep -q 'Accedi' || { echo "FAIL: link Accedi assente"; fail=1; }
+
+# Nessun badge tag-badge da anonimo sulla home semplice
+badges2=$(curl -s http://localhost:4399/ | grep -c 'tag-badge' || true)
+echo "$badges2 tag-badge da anonimo in home semplice (atteso 0)"
+[ "$badges2" = "0" ] || fail=1
+
+# Rotta gestione utenti protetta (redirect al login da anonimo)
+code=$(curl -s -o /dev/null -w '%{http_code}' http://localhost:4399/admin/users)
+echo "$code /admin/users (atteso 302)"
+[ "$code" = "302" ] || fail=1
+
+echo "smoke ruoli/login/inline OK"
+exit $fail

scripts/testi-17-agosto.mjs

@@ -0,0 +1,86 @@
+#!/usr/bin/env node
+/**
+ * Porta nel database i testi decisi dal cliente il 17/08/2026 (MODIFICHE_PER_SITO.pdf).
+ *
+ * Perché serve uno script e non basta il deploy: i testi mostrati dal sito vivono in
+ * `content_blocks`, e `resolveContent` legge **prima** il database e solo dopo il seed nel
+ * codice. Un tag già presente in tabella continua quindi a mostrare il vecchio valore anche
+ * dopo che il seed è stato aggiornato — in produzione sono 19 righe.
+ *
+ * Perché una tantum e non una migrazione all'avvio: una riscrittura a ogni restart
+ * rimetterebbe le mani su testi che il cliente può cambiare dal pannello. Qui si passa una
+ * volta, si guarda cosa è cambiato, e poi quei testi tornano suoi.
+ *
+ * Uso:  node scripts/testi-17-agosto.mjs [percorso.db] [--dry-run]
+ */
+import Database from 'better-sqlite3';
+
+/**
+ * "Small Group" diventa "Personalized Training Group", **con gli articoli giusti**.
+ *
+ * Una sostituzione meccanica produrrebbe "Lo Personalized Training Group" e "gli
+ * personalized training group": le due frasi che portano un articolo si correggono per
+ * intero, prima. Il resto è la sostituzione del nome, che resta capitalizzato come nome
+ * proprio anche dove prima era minuscolo ("in formula small group" → "in formula
+ * Personalized Training Group").
+ *
+ * Idempotente: al secondo giro non c'è più niente da sostituire.
+ */
+export function rinominaSmallGroup(value) {
+  return value
+    .replace(/\bLo Small Group\b/g, 'Il Personalized Training Group')
+    .replace(/\bgli small groups?\b/gi, 'i Personalized Training Group')
+    .replace(/\bsmall groups?\b/gi, 'Personalized Training Group');
+}
+
+/**
+ * I testi riscritti per intero, tag per tag: il cliente ne ha dettato il contenuto nuovo,
+ * quindi non c'è una parola da sostituire ma una frase da rimpiazzare.
+ *
+ * Sono solo i tag che in produzione esistono già con il valore vecchio. Quelli nuovi (la
+ * sezione «Check-up Avanzato», gli eventi, la pagina di scelta) non stanno in tabella e li
+ * serve il seed dal codice, senza bisogno di scriverli qui.
+ */
+export const TESTI = {
+  'service.profilazione.title': 'Check-up',
+  'service.profilazione.subtitle': 'Base e avanzato',
+  'service.profilazione.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.',
+  'footer.services.4.label': 'Check-up',
+  'services.meta.description':
+    'I servizi InsanityLab: Personal Training, Class, Coaching, Check-up, Osteopatia e Nutrizione.',
+};
+
+/** I cambiamenti da fare, con il prima e il dopo. Non tocca niente. */
+export function calcola(db) {
+  const righe = db.prepare('SELECT tag, value FROM content_blocks').all();
+  return righe
+    .map((r) => ({
+      tag: r.tag,
+      prima: r.value,
+      dopo: r.tag in TESTI ? TESTI[r.tag] : rinominaSmallGroup(r.value),
+    }))
+    .filter((c) => c.prima !== c.dopo);
+}
+
+export function applica(db, { dryRun = false } = {}) {
+  const cambi = calcola(db);
+  if (!dryRun && cambi.length) {
+    const upd = db.prepare(
+      "UPDATE content_blocks SET value = ?, updated_at = datetime('now'), updated_by = 'testi-17-agosto' WHERE tag = ?",
+    );
+    db.transaction(() => { for (const c of cambi) upd.run(c.dopo, c.tag); })();
+  }
+  return cambi;
+}
+
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const args = process.argv.slice(2);
+  const dryRun = args.includes('--dry-run');
+  const path = args.find((a) => !a.startsWith('--')) ?? process.env.DB_PATH ?? 'data/insanitylab.db';
+  const db = new Database(path);
+  const cambi = applica(db, { dryRun });
+  for (const c of cambi) console.log(`${c.tag}\n  - ${c.prima}\n  + ${c.dopo}\n`);
+  console.log(`${cambi.length} contenuti ${dryRun ? 'da aggiornare (dry-run, niente scritto)' : 'aggiornati'} in ${path}`);
+  db.close();
+}

src/components/Agenda.astro

@@ -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>

src/components/CalendarioModal.astro

@@ -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>

src/components/ContactForm.astro

@@ -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>

src/components/Footer.astro

@@ -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>

src/components/Header.astro

@@ -0,0 +1,139 @@
+---
+import { site } from '../data/site';
+import { t, contentImageUrl } from '../lib/content';
+import { landingFor } from '../lib/auth';
+import { linkConsulenza } from '../data/consulenza';
+interface Props {
+  user: { username: string; role: string } | null;
+  showTags: boolean;
+  canTags: boolean;
+}
+const { user, canTags, showTags } = Astro.props;
+const path = Astro.url.pathname;
+// ⚠️ Le aree riservate (Campus, Stress Index, Longevity) dal 03/09/2026 NON sono in questo
+// sito: vivono su apps.insanitylab.it, con utenti e sessioni propri. Qui resta un link che
+// esce, non un menu — questo sito non sa più chi possa aprirle, ed è la separazione voluta.
+// ⚠️ L'indirizzo vero, oggi: apps.insanitylab.it NON esiste (manca il record su Aruba) e
+// puntarci scriverebbe nel menu del sito un link morto. Quando quel record ci sara', qui
+// si cambia una riga — ed e' l'unico posto del sito che nomina l'area riservata.
+const AREA_RISERVATA = 'https://piattaforme.tielogic.xyz';
+const areaHref = user ? landingFor(user.role) : '/admin';
+// Consulenza con Nicola su ogni pagina, non solo sulla Reformer Class (Adriano 30/09, #22).
+const consulenzaHref = linkConsulenza(t('global.consulenza.url'));
+---
+<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>
+        )
+      ))}
+      <a class="hdr__link hdr__consulenza-mob" href={consulenzaHref} target="_blank" rel="noopener noreferrer">{t('global.consulenza.cta-breve')}</a>
+    </nav>
+    <a class="hdr__consulenza" href={consulenzaHref} target="_blank" rel="noopener noreferrer">{t('global.consulenza.cta-breve')}</a>
+    <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={AREA_RISERVATA}>Area riservata</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; }
+  /* Col bottone Consulenza nella barra le voci non devono andare a capo (#22). */
+  @media (min-width: 992px) { .hdr__nav { gap: 22px; } .hdr__link, .hdr__login { white-space: nowrap; } .hdr__logo { flex-shrink: 0; margin-right: 28px; } }
+  .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__consulenza { font-family: var(--font-heading); font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: #fff; background: #6b5d5b; padding: 10px 14px; margin: 0 18px; white-space: nowrap; transition: background .2s; }
+  .hdr__consulenza:hover { background: var(--c-accent-dark); }
+  .hdr__consulenza-mob { display: none; }
+  @media (max-width: 991px) {
+    .hdr__consulenza { display: none; }
+    .hdr__consulenza-mob { display: block; color: var(--c-accent-dark); }
+  }
+  .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>

src/components/PageHero.astro

@@ -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>

src/components/about/Timeline.astro

@@ -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>

src/components/admin/PostForm.astro

@@ -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>

src/components/blog/Sidebar.astro

@@ -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>

src/components/content/T.astro

@@ -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>}

src/components/content/TImg.astro

@@ -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} />}

src/components/home/FeatureBlocks.astro

@@ -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>

src/components/home/HeroSlider.astro

@@ -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>

src/components/home/InfoColumns.astro

@@ -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>

src/components/home/MethodSteps.astro

@@ -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>

src/components/home/PartnersStrip.astro

@@ -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>

src/components/home/QuoteBanner.astro

@@ -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>

src/components/home/ServicesGrid.astro

@@ -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>

src/components/home/TeamSection.astro

@@ -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>

src/components/home/TrainingCards.astro

@@ -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>

src/data/agenda.ts

@@ -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" },
+];

src/data/calendari.ts

@@ -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' }));
+}

src/data/consulenza.ts

@@ -0,0 +1,15 @@
+// Consulenza conoscitiva gratuita con Nicola (prenotazione su Google Calendar).
+//
+// Il link vive nel pannello contenuti (tag `global.consulenza.url`): qui c'è il valore di
+// partenza e la guardia. Il tag è modificabile da admin, quindi si accetta solo https.
+export const CONSULENZA_URL_DEFAULT = 'https://calendar.app.google/nWXMGD2S5g2pVeeD7';
+
+/** Slug delle pagine servizio che mostrano il bottone di prenotazione. */
+export const PAGINE_CON_CONSULENZA = ['reformer-class'];
+
+/** Link da usare: il valore del pannello se è https, altrimenti quello di default
+ *  (niente javascript:, http:, vuoto). */
+export function linkConsulenza(valore: string): string {
+  const v = (valore ?? '').trim();
+  return v.startsWith('https://') ? v : CONSULENZA_URL_DEFAULT;
+}

src/data/content-seed.ts

@@ -0,0 +1,610 @@
+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';
+import { CONSULENZA_URL_DEFAULT } from './consulenza';
+
+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.  BALANCE.  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', []),
+  T('service.contact-cta', 'Contattaci', []),
+  T('service.consulenza-cta', 'Prenota una consulenza conoscitiva gratuita', []),
+  T('service.consulenza-note', '30-45 minuti con Nicola, in sede: via Leandro Alberti 76, primo piano', []),
+  T('global.consulenza.url', CONSULENZA_URL_DEFAULT, []),
+  T('global.consulenza.cta-breve', 'Consulenza gratuita', []),
+
+  // --- 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.'),
+
+  // --- Promo settembre (edizione `settembre-2026`, 5 → 19 settembre) ---
+  // Testi ripresi dall'edizione di agosto, che il cliente ha già approvato: cambia solo ciò che
+  // le date o le nuove creative rendono falso. I prezzi e le voci degli elenchi vengono dalle
+  // sei creative consegnate il 03/09.
+  T('settembre.hero.badge', 'insanity.lab · bologna savena'),
+  T('settembre.hero.title1', 'Allenati con metodo.'),
+  T('settembre.hero.accent', 'Scegli come'),
+  T('settembre.hero.title2', 'vuoi farlo.'),
+  H('settembre.hero.desc', 'Allenati con flessibilità, senza vincoli, da subito.<br>Acquisto online in pochi secondi, pagamento sicuro via Stripe.'),
+  T('settembre.hero.cta', 'Le nostre proposte', []),
+
+  T('settembre.launch.badge', 'solo per apertura nuova sede Settembre 2026'),
+  T('settembre.launch.title', 'Il nostro metodo nasce per durare.'),
+  T('settembre.launch.accent', "Per l'apertura, un'eccezione. Solo per poco."),
+  T('settembre.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 — e una valutazione singola, per chi vuole partire dai propri numeri."),
+
+  T('settembre.why5.text', 'Non è una prova. È un percorso in miniatura — per capire come lavoriamo prima di impegnarti su un programma trimestrale o semestrale.'),
+
+  T('settembre.buy-label', 'Acquista', []),
+
+  T('settembre.card.1.eyebrow', 'Personal training', []),
+  T('settembre.card.1.title', 'One to One'),
+  T('settembre.card.1.price', '250 €', []),
+  T('settembre.card.1.unit', '5 incontri', []),
+  T('settembre.card.1.feature.1', 'Screening iniziale, definizione dei tuoi obiettivi'),
+  T('settembre.card.1.feature.2', 'Check-up con profilazione fisica, il tuo punto di partenza'),
+  T('settembre.card.1.feature.3', 'PT dedicato, presente a ogni sessione'),
+  T('settembre.card.1.feature.4', 'In-sanity plan, il tuo programma personalizzato'),
+
+  T('settembre.card.2.eyebrow', 'Personal training', []),
+  T('settembre.card.2.title', 'Personalized Training Group'),
+  T('settembre.card.2.price', '150 €', []),
+  T('settembre.card.2.unit', '5 incontri', []),
+  T('settembre.card.2.feature.1', 'Screening iniziale, definizione dei tuoi obiettivi'),
+  T('settembre.card.2.feature.2', 'Check-up con profilazione fisica, il tuo punto di partenza'),
+  T('settembre.card.2.feature.3', 'PT dedicato, presente a ogni sessione'),
+  T('settembre.card.2.feature.4', 'In-sanity plan, il tuo programma personalizzato'),
+
+  T('settembre.card.3.eyebrow', 'Pilates class', []),
+  T('settembre.card.3.title', 'Reformer Class'),
+  T('settembre.card.3.price', '130 €', []),
+  T('settembre.card.3.unit', '5 incontri', []),
+  T('settembre.card.3.feature.1', 'Core, postura e mobilità su macchina Reformer'),
+  T('settembre.card.3.feature.2', '40 minuti, massimo 5 utenti'),
+  T('settembre.card.3.feature.3', 'Lavoro a basso impatto sulle articolazioni'),
+
+  T('settembre.card.4.eyebrow', 'Holistic class', []),
+  T('settembre.card.4.title', 'Pilates Mat, Mobility, Yoga'),
+  T('settembre.card.4.price', '80 €', []),
+  T('settembre.card.4.unit', '5 incontri', []),
+  T('settembre.card.4.feature.1', 'Mobilità articolare, respirazione, equilibrio'),
+  T('settembre.card.4.feature.2', 'Da solo, o integrato nei tuoi allenamenti'),
+  T('settembre.card.4.feature.3', 'Adatto a tutti i livelli'),
+
+  // Il Check-up avanzato non è un percorso: si compra una volta e si fa in un appuntamento.
+  // Per questo l'unità dice "1 valutazione" e non "5 incontri".
+  T('settembre.card.5.eyebrow', 'Valutazione', []),
+  T('settembre.card.5.title', 'Check-up avanzato'),
+  T('settembre.card.5.price', '70 €', []),
+  T('settembre.card.5.unit', '1 valutazione', []),
+  T('settembre.card.5.feature.1', 'Analisi completa di composizione corporea, e analisi HRV'),
+  T('settembre.card.5.feature.2', 'Spirometria e scansione posturale 3D'),
+  T('settembre.card.5.feature.3', 'Report dettagliato e consigli personalizzati'),
+
+  // La deadline è lo stesso istante in cui finisce l'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('settembre.countdown.label', 'La promo scade tra', []),
+  T('settembre.countdown.deadline', '2026-09-19T23:59:59+02:00', []),
+  T('settembre.countdown.unit.days', 'giorni', []),
+  T('settembre.countdown.unit.hours', 'ore', []),
+  T('settembre.countdown.unit.minutes', 'minuti', []),
+  T('settembre.countdown.unit.seconds', 'secondi', []),
+
+  T('settembre.validity-note', 'Promo valida dal 5 al 19 settembre 2026 · Incontri validi entro 2 mesi dal primo incontro e comunque non oltre il 1° dicembre 2026', []),
+
+  T('settembre.faq.title', 'Tutto quello che vuoi sapere prima di acquistare.'),
+  T('settembre.faq.0.q', 'Come faccio ad acquistare i pacchetti?'),
+  H('settembre.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('settembre.faq.1.q', 'Come funziona il pacchetto a incontri per One to One e Personalized Training Group?'),
+  H('settembre.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.'),
+  // Ad agosto qui c'era scritto "gli orari saranno pubblicati entro Settembre": adesso è
+  // settembre e il calendario esiste, quindi la frase andava riscritta o diventava falsa.
+  T('settembre.faq.2.q', 'Come funziona il percorso Reformer Class o Holistic Class?'),
+  H('settembre.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 li trovi nel <span class="hl">calendario</span>, che puoi consultare e scaricare in PDF dalla pagina <span class="hl">Servizi</span> del sito. 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('settembre.faq.7.q', "Che cos'è il Check-up avanzato?"),
+  H('settembre.faq.7.a', 'È una <span class="hl">valutazione singola</span>, non un percorso a incontri: analisi completa della composizione corporea e analisi HRV, spirometria e scansione posturale 3D. Al termine ricevi un report dettagliato con i consigli che ne derivano. Puoi farlo da solo, oppure come punto di partenza prima di scegliere un percorso. Per fissare l\'appuntamento scrivici su <span class="hl">WhatsApp ({{whatsapp}})</span>.'),
+  T('settembre.faq.3.q', 'Posso usare gli incontri su servizi diversi?'),
+  H('settembre.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 Class</span> o <span class="hl">Pilates Mat, Mobility, Yoga</span>). Se vuoi accedere a più servizi puoi acquistare pacchetti separati per ciascuno. Il <span class="hl">Check-up avanzato</span> è a sé: è una valutazione singola e non un pacchetto di incontri.'),
+  T('settembre.faq.4.q', 'Posso regalare un pacchetto a qualcun altro?'),
+  H('settembre.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('settembre.faq.5.q', 'Il pagamento è sicuro?'),
+  H('settembre.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('settembre.faq.6.q', 'Posso chiedere un rimborso?'),
+  H('settembre.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.'),
+
+];
+
+export const seedByTag = new Map(contentSeed.map((e) => [e.tag, e]));