El componente Hero se utiliza preferentemente en la página de inicio, debajo del header o cabecera, para destacar una información muy relevante para los objetivos del sitio, utilizando principalmente un mensaje breve y un botón que sirve como un llamado a la acción. Puede funcionar como una alternativa al carrusel principal, cuando solo se necesita destacar una información de forma simultánea. Existen distintos tipos de Hero disponibles en el Kit, incluyendo opciones con video junto al texto y con video como fondo animado.
Hero con texto a la izquierda
Ejemplo:
Hero con texto a la derecha
Ejemplo:
Hero con texto centrado
Ejemplo:
Hero card a la izquierda
Ejemplo:
Hero card a la derecha
Ejemplo:
Hero con cita a la izquierda
Ejemplo:
Hero con cita a la derecha
Ejemplo:
Hero con video de fondo
Ejemplo:
Hero con video a la izquierda
Ejemplo:
Hero con video a la derecha
Ejemplo:
Hero con video de Youtube a la izquierda
Ejemplo:
Hero con video de Youtube a la derecha
Ejemplo: