Laboratorio de componente
CTAs
Página de laboratorio para construir llamadas a la acción reutilizables. Primero se define la estructura Astro/HTML; después se agregan estilos visuales, animaciones, efectos, estados de interacción y código generado.
Preview
Preview base de CTA
Área reservada para la vista previa base de CTA. En el siguiente ticket se colocará un bloque de llamada a la acción con título, texto de apoyo y botón principal.
Estilos visuales
Opciones de estilo
Opciones previstas: CTA simple, CTA hero, CTA glass, CTA con WhatsApp, CTA de cierre y CTA dividido en dos columnas.
Animaciones
Opciones de movimiento
Opciones previstas: entrada suave, aparición por scroll, pulso controlado, desplazamiento del botón y énfasis del mensaje principal.
Efectos
Opciones de FX
Opciones previstas: glow de conversión, reflejo sutil, borde luminoso, fondo radial, blur premium y profundidad.
Estados
Estados de interacción
Estados previstos: normal, hover, focus, active, disabled, destacado y loading.
Código generado
Combinación actual
CTA-001 + STYLE-001 + ANIM-001 + FX-001 + STATE-001El código generado se conectará cuando existan variantes seleccionables para CTAs.