Crea una landing page de conversión
Crea una landing page de alta conversión
Una landing page de conversión combina un mensaje potente, beneficios claros, prueba social y una llamada a la acción contundente para persuadir a los visitantes de que actúen, ya sea registrarse, descargar o comprar.
En esta lección construirás una landing page de marketing completa con un titular, una propuesta de valor, tres tarjetas de beneficios, un testimonio de cliente y una sección de CTA. Al terminar tendrás una página profesional lista para generar conversiones reales.
Instrucciones
Crea una sección hero con un titular h1 y un subtitular dentro de un contenedor con color (etiqueta section con fondo degradado)
Pista: Usa: `<section class="py-20 px-4 bg-gradient-to-r from-indigo-600 to-blue-600 text-white text-center"><h1 class="text-5xl font-bold mb-4">Titular</h1><p class="text-xl">Subtitular</p></section>`
Añade tres tarjetas de beneficios en un layout de grid. Cada tarjeta lleva un emoji, un título del beneficio y una descripción
Añade una sección de testimonio con un blockquote y el nombre y cargo del cliente
Añade una sección de CTA al final con un titular h2, una descripción y un botón grande
Asegúrate de que el layout sea responsive usando breakpoints md: para el grid y los tamaños de texto
Tu código
Describe lo que quieres construir para este paso y escribiré el código — luego haz clic en Aplicar para llevarlo a tu editor. Este paso: Crea una sección hero con un titular h1 y un subtitular dentro de un contenedor con color (etiqueta section con fondo degradado)