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:

Hero con texto a la derecha

Ejemplo:

Hero con texto centrado

Ejemplo:

Heroes con cards

Hero card a la izquierda

Ejemplo:

Hero card a la derecha

Ejemplo:

Heroes con citas

Hero con cita a la izquierda

Ejemplo:

Hero con cita a la derecha

Ejemplo:

Hero con video de fondo

Ejemplo:

Hero con video de fondo y card

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: