Hero
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.
Heroes de texto
Hero con texto a la izquierda
Ejemplo:
Cargando ...
Hero con texto a la derecha
Ejemplo:
Cargando ...
Hero con texto centrado
Ejemplo:
Cargando ...
Heroes con cards
Hero card a la izquierda
Ejemplo:
Cargando ...
Hero card a la derecha
Ejemplo:
Cargando ...
Heroes con citas
Hero con cita a la izquierda
Ejemplo:
Cargando ...
Hero con cita a la derecha
Ejemplo:
Cargando ...
Hero con video de fondo
Ejemplo:
Cargando ...
Hero con video de fondo y card
Ejemplo:
Cargando ...
Hero con video a la izquierda
Ejemplo:
Cargando ...
Hero con video a la derecha
Ejemplo:
Cargando ...
Hero con video de Youtube a la izquierda
Ejemplo:
Cargando ...
Hero con video de Youtube a la derecha
Ejemplo:
Cargando ...