Catálogo

Sección hero con métricas animadas incrementales, estilo SaaS corporativo. Incluye título, grid de estadísticas con contadores animados, CTA y zona de imagen.

Slider/carousel promocional en dos columnas con texto editorial y media (imagen o vídeo). Incluye navegación por flechas, dots, autoplay configurable y transiciones (slide, fade, crossfade, zoom).

Slider continuo e infinito de logos con dos modos: marquee automático y paso a paso. Configurable: velocidad, dirección, efectos visuales, fade en bordes y responsive.

Galería de imágenes en layout masonry con columnas configurables, efectos hover, overlay con título/descripción, links opcionales y animación de entrada.

Grid bento de 3 celdas con 6 variantes de layout (A-H) basadas en CSS grid-template-areas. Soporta cards con imagen, texto, CTA y colores personalizables, con 3 estilos de card (overlay, split, side).

Grid tipo bento para 4 celdas con 7 variantes de layout (A, B, C, D, E, G, J) basadas en CSS grid-template-areas. Cada celda renderiza un BentoCard con detección automática de forma según la variante.

Grid bento de 5 celdas con 9 variantes de layout: area-based (D, E) con celdas spanning y row-based (2y3, 3y2, 1y4, 4y1, 1y2y2, 2y2y1, 1y3y1) con filas flex. Responsive con colapso automático.

Grid tipo bento con 6 celdas y 6 variantes de layout (simétricas, asimétricas por filas y con grid-template-areas). Usa BentoCard internamente con soporte para imágenes, títulos, textos y CTAs.

Grid bento de 7 celdas con 4 variantes de layout row-based (3+4, 4+3, 1+2+4, 3+1+3). Usa BentoCard con soporte para imágenes, títulos, textos, CTAs y responsive automático.

Grid tipo bento con 8 celdas y 11 variantes de layout, todas basadas en filas. Cada variante define cuántas celdas van en cada fila, con soporte para celdas wide. Responsive automático a 2 y 1 columna.

Grid bento de 9 celdas con 10 variantes de layout row-based. Distribución flexible por filas con soporte para celdas wide, animación de entrada escalonada y responsive adaptativo.