Brava Surf HERO

Surf, mar y una entrada visual inmediata

Brava Surf HERO construye una portada cinematográfica para una escuela de surf mediante vídeo a pantalla completa, composición editorial y una capa negra uniforme al 45% entre el fondo y todo el contenido. El header se mantiene deliberadamente limpio: logotipo, menú y un único CTA para reservar clase.

El contenido visible del Hero está íntegramente en español. La jerarquía combina un titular amplio con una frase de apoyo y elimina por completo los botones dentro del cuerpo principal, dejando la acción comercial concentrada en la cabecera. El resultado mantiene el vídeo como protagonista sin sacrificar legibilidad.

Antes de que el vídeo esté listo aparece un poster desenfocado y optimizado, cargado como imagen prioritaria. El vídeo usa autoplay silencioso, loop, playsinline y preload de metadata; además se pausa fuera del viewport, con la pestaña oculta y cuando el usuario prefiere movimiento reducido. El código prioriza fluidez, Core Web Vitals y SEO.