Blocks
4 blocchi per una pagina evento
Una pagina evento deve trasformare una data in un'iscrizione. Quattro categorie, il countdown che il catalogo non ha, i guasti di timeline e FAQ e i conteggi reali dei blocchi.
In sintesi
- Il countdown non esiste come categoria: zero blocchi misurati, va scritto.
- Data, luogo e prezzo stanno nella prima schermata, non nella timeline.
- Il CTA va ripetuto dopo la timeline e dopo le FAQ.
Una pagina evento deve trasformare una data in un'iscrizione, non descrivere un programma. Il catalogo indicizza 51 blocchi hero, 15 timeline, 24 faq e 27 cta, letti il 2026-11-01: quattro categorie per una pagina evento.
I conteggi sono quelli delle pagine categoria pubbliche, misurati lo stesso giorno. Una categoria manca del tutto ed è la più richiesta: il countdown ha zero blocchi, quindi il conto alla rovescia si scrive a mano o si prende altrove.
Cosa deve fare la pagina
Chi guarda un evento ha già un dubbio di agenda: se quella data è libera. La pagina deve quindi mettere nella prima schermata nome, data, città e prezzo, e solo dopo il programma. Deve anche dire cosa succede se piove, se il biglietto è rimborsabile e se serve arrivare in anticipo: sono le tre domande che generano email, e ognuna costa tempo a chi organizza.
- Data, città e prezzo visibili prima di ogni scroll.
- Programma con orari e nomi, non un muro di testo.
- Una FAQ che copre rimborso, accesso e meteo.
- Un CTA ripetuto dopo programma e FAQ, con lo stesso testo.
L'ordine dei blocchi
| Sezione | Ruolo nella pagina | Blocchi disponibili |
|---|---|---|
| hero | dire cosa, quando e dove | 51 |
| timeline | raccontare il programma della giornata | 15 |
| faq | rispondere a prezzo, rimborso e accesso | 24 |
| cta | portare all'iscrizione | 27 |
Hero, timeline, faq, cta. Il CTA in fondo non basta: va ripetuto subito dopo la timeline, perché è lì che il visitatore decide se il programma vale il viaggio. Il countdown, se lo aggiungi, appartiene all'hero e non a una sezione a sé: un blocco dedicato occupa una schermata intera per un'informazione che cambia ogni giorno.
I blocchi da cui partire
Le tabelle elencano blocco, registry, file e categoria. La timeline da 1 file è volutamente spoglia: orari, titoli e descrizioni brevi. La FAQ da 2 file è un accordion senza deep link, quindi condividere una risposta richiede uno scroll manuale. In entrambi i casi il blocco risparmia impaginazione, non logica.
Blocchi hero
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Hero 01 - Agency Hero Section | Shadcn Space | 8 | hero |
| Hero 02 - Real Estate Hero Section | Shadcn Space | 6 | hero |
Blocchi timeline
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| Company timeline | evilrabbit | 1 | company |
| Glassmorphism Launch Timeline | uitripled | 1 | glassmorphism |
Blocchi faq
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| FAQ 01 - Expandable FAQ Section | Shadcn Space | 2 | faq |
| FAQ | flx | 1 | faq |
Blocchi cta
| Blocco | Registry | File | Categoria |
|---|---|---|---|
| CTA 02 - Video Background CTA | Shadcn Space | 3 | cta |
| CTA 01 - Gradient Call-to-Action Banner | Shadcn Space | 2 | cta |
Cosa si rompe in produzione
Il guasto classico è il countdown: chi lo scrive confronta la data con l'ora del browser e sbaglia di un'ora quando cambia l'ora legale, oppure mostra «mancano 0 giorni» per dodici ore. Il secondo è la timeline con immagini: ogni voce ha un ritratto di relatore di formato diverso e la linea verticale non passa più per il centro. Il terzo è il CTA che porta a un form chiuso dopo la data di fine iscrizioni.
- Countdown con ora locale: sbaglia di un'ora al cambio di stagione.
- Timeline con ritratti non allineati: la linea si spezza.
- FAQ che non si può linkare: la risposta si ripete via email.
- CTA attivo dopo la scadenza: iscrizioni perse in silenzio.
curl "https://ui.eneawork.it/api/blocks/category/timeline?limit=5"La risposta elenca le timeline con fonte e file: leggila per capire quante prevedono immagini e quante no. Una timeline senza immagini è più facile da mantenere quando il programma cambia, e cambia quasi sempre nelle due settimane prima dell'evento.
Un limite da dichiarare
La categoria countdown ha zero blocchi: misurato, non stimato. Questo vuol dire che il pezzo più visibile della pagina evento è anche l'unico senza catalogo, e va scritto con attenzione al fuso orario. Chi pianifica la pagina contando sui blocchi deve aggiungere una mezza giornata di lavoro che non compare in nessuna tabella.
Nel catalogo: hero evento, componenti e tutti i blocchi. Le guide: hero misurati, economia dei blocchi e checklist accessibilità.
Domande frequenti
Perché non c'è un blocco countdown nel catalogo?
Perché un countdown è logica più che layout: dipende da fuso orario, data di fine iscrizioni e formato della lingua. I registry pubblicano blocchi copiabili e quella parte non si copia, quindi la categoria resta vuota e il componente si scrive.
Quante voci regge una timeline di evento?
Da cinque a otto. Oltre, la pagina diventa un programma stampabile e il lettore smette di scorrere prima del CTA. Se le voci sono molte, raggruppale per fascia oraria e lascia il dettaglio a una pagina separata.
Il countdown va messo nell'hero o in una sezione sua?
Nell'hero, accanto alla data. Una sezione dedicata occupa una schermata per un numero che cambia da solo, e su mobile spinge il programma e il CTA ancora più in basso, dove nessuno arriva.
Come gestisco le iscrizioni dopo la data di chiusura?
Sostituendo il bottone con una riga di stato e una lista d'attesa. Il blocco CTA non cambia forma da solo: serve una condizione sulla data e un testo alternativo, altrimenti il form resta aperto e le iscrizioni si perdono senza avviso.
Meglio un form in pagina o un link alla piattaforma di biglietti?
Il link, se la piattaforma gestisce pagamenti e rimborsi. Il form conviene solo per eventi gratuiti con posti limitati, dove raccogli nome ed email e gestisci tu la lista. Due percorsi insieme sulla stessa pagina non funzionano.