feat: tag contenuti pagina about e timeline

This commit is contained in:
2026-07-05 16:29:55 +02:00
parent 34fd3d2e18
commit d5b19f2c39
3 changed files with 140 additions and 68 deletions
+10 -13
View File
@@ -1,24 +1,21 @@
---
const openText = `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 gli small 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à.`;
const stages = [
{ label: 'INSANITYLAB 2025', text: 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.' },
{ label: 'INSANITYLAB 2026', text: 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.' },
{ label: 'INSANITYLAB OGGI', text: 'Contenuto in arrivo: il cliente fornirà il testo di questa tappa.' },
];
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">
<h2>Storylab</h2>
<p>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.</p>
<T tag="about.storylab.title" as="h2" />
<T tag="about.storylab.body" as="p" />
</div>
<div class="tl">
<h3 class="tl__label">INSANITYLAB 2021-2024</h3>
<p>{openText}</p>
{stages.map((s) => (
<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>+ {s.label}</summary>
<p>{s.text}</p>
<summary>+ {t(`about.timeline.stage${n}.label`)}</summary>
<T tag={`about.timeline.stage${n}.text`} as="p" />
</details>
))}
</div>