Guía de Uso del Layout Landing

Guía de Configuración del Layout Landing

El layout Landing es un diseño especialmente creado para páginas de destino, que proporciona múltiples bloques de contenido configurables.

Estructura del Layout

1. Bloque Hero

   • Admite mostrar juegos o imágenes de fondo
   • Título grande y texto descriptivo
   • Botones CTA principal y secundario

2. Bloque Features

   • Mostrar características en diseño de cuadrícula
   • Admite iconos y descripciones
   • Diseño responsivo automático

3. Bloque FAQ

   • Lista de preguntas frecuentes
   • Admite formato de pregunta-respuesta
   • Presentación limpia

4. Bloque Bottom CTA

   • Llamada a la acción inferior
   • Guiar acciones del usuario
   • Diseño de botón llamativo

Configuración Frontmatter

Cada bloque se configura mediante frontmatter:

hero:
  game: URL          # Enlace del juego
  background: URL    # Imagen de fondo
 
features:
  title: Título
  description: Descripción
  items:
    - title: Título de característica
      description: Descripción de característica
      icon: emoji/URL
 
faq:
  title: Título de FAQ
  description: Descripción de FAQ
  items:
    - question: Pregunta
      answer: Respuesta
 
bottomCta:
  title: Título
  description: Descripción
  text: Texto del botón
  link: Dirección del enlace

Recomendaciones de Uso

1. Organización de Contenido

   • Organiza razonablemente el orden de cada bloque
   • Mantén una jerarquía visual clara
   • Destaca información importante

2. Efectos Visuales

   • Elige imágenes e iconos apropiados
   • Presta atención a la combinación de colores
   • Mantén un estilo uniforme

3. Consideraciones Responsivas

   • Prueba diferentes tamaños de pantalla
   • Asegura la legibilidad del contenido
   • Optimiza la experiencia móvil