Demo: EBT Hero
Extra Block Types (EBT): il modulo Hero fornisce la possibilità di aggiungere un blocco con immagine Hero, titolo, sottotitolo e due pulsanti.
https://www.drupal.org/project/ebt_hero
composer require drupal/ebt_hero
EBT Hero contiene tutte le funzionalità dei moduli EBT inclusi DOM Box, colore di sfondo / Immagine / Video, impostazioni Edge to Edge:
https://drupalbook.org/ebt/demo
2 Colonne
Il blocco Hero a 2 colonne è una sezione prominente posizionata nella parte superiore di una landing page, che utilizza un layout dinamico per coinvolgere gli utenti fin dall’inizio. Il blocco divide lo schermo in due colonne: una colonna contiene un elemento visivo accattivante, come un’immagine o uno sfondo, mentre l’altra colonna offre un testo conciso e persuasivo o una call-to-action. Questa disposizione massimizza l’impatto dei contenuti e migliora l’esperienza complessiva dell’utente.
Una colonna
Il blocco Hero a una colonna è una sezione prominente nella parte superiore di una landing page che si concentra sulla trasmissione di un messaggio chiaro e conciso. Utilizza un layout a colonna singola per presentare contenuti accattivanti, come un titolo coinvolgente, una proposta di valore persuasiva o una call-to-action in evidenza. Questo design semplificato consente un’esperienza utente lineare e mirata, assicurando che i visitatori colgano rapidamente il messaggio principale e lo scopo della landing page. Il blocco Hero a una colonna cattura efficacemente l’attenzione e incoraggia gli utenti a compiere le azioni desiderate.
Hero a larghezza piena
Lo stile a larghezza piena (Edge to Edge) nel modulo Drupal EBT Hero offre un design immersivo e senza interruzioni che si estende per l’intera larghezza della finestra del browser. Questo stile elimina margini o padding laterali, creando un impatto visivo audace ed espansivo. Ideale per mostrare immagini ad alta risoluzione e contenuti accattivanti, migliora il coinvolgimento degli utenti massimizzando lo spazio dello schermo e offrendo un’estetica moderna e dinamica.