Llamada a la acción (Call-to-Action) con Tailwind

El siguiente componente de llamada a la acción (Call-to-Action) cuenta con un estilo moderno y colorido que se puede adaptar fácilmente a cualquier tipo de landing page.

La paleta de colores y los estilos se pueden cambiar directamente con las clases utilitarias de Tailwind o también se puede sobreescribir directamente con tus variable y estilos en línea.

Para quien no lo sepa, las llamadas a la acción o «Call-to-action» son parte fundamental de toda web, en especial si se buscar conversiones y/o acciones por parte del usuario. Así que lo ideal es que el diseño sea atractivo, limpio y fácil de entender.

¿Cómo instalarlo?

Solo se necesita copiar y pegar el código. Todos los estilos son compatibles con la versión default de Tailwind.

En el caso de que se quiera implementar en React, solo se necesita cambiar la palabra clave class por className.