Main Banner

Descripción

Sección principal tipo “hero” para iniciar una página. Puede funcionar como:

• Banner estático (si agregas 1 item)
• Carrusel (si agregas 2 o más items)

Cuándo usarlo

• Cuando necesitas un encabezado muy visual al inicio de una página.
• Cuando necesitas una imagen de fondo diferente para desktop y móvil.

Cuándo no usarlo

• Si solo necesitas una sección simple de texto e introducción (en ese caso suele ser mejor Page Introduction).

Campos y configuraciones

Items

Dentro de Items puedes agregar uno o más elementos.

En cada item verás pestañas:

• Content

  • Display Section Header
    • Cuando está en Off, el item se muestra sin encabezado.
  • Heading (aparece si el encabezado está activo)
  • Heading Level (aparece si el encabezado está activo)
    • Recomendación práctica: usa H1 solo si este banner es el título principal de la página.
  • Description (aparece si el encabezado está activo)

• Media

  • Background Image (Desktop)
  • Background Image (Mobile) (opcional)

• CTA

  • Button Link (opcional)

Layout

• Layout Variant
  • Fullscreen
  • Tall
  • Compact

Buenas prácticas

• Si el banner es carrusel, asegúrate de que todos los items tengan un estilo coherente (tono de imagen, cantidad de texto).
• Evita textos demasiado largos en Description.

Errores comunes

• Agregar varios items sin querer (y que se convierta en carrusel).
• Usar H1 en múltiples secciones dentro de la misma página.