Landing Page - Copy this React, Tailwind Component to your project
Genera una landing page utilizando este codigo: <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF 8"> <meta name="viewport" content="width=device width, initial scale=1.0"> <title>Domina Canva</title> <style> body { font family: Arial, sans serif; line height: 1.6; margin: 0; padding: 0; background color: #f9f9f9; } header { background color: #6200ea; color: white; text align: center; padding: 20px; } .container { max width: 1200px; margin: auto; padding: 20px; } .cta button { display: block; text align: center; background color: #03dac5; color: white; padding: 15px; border radius: 5px; margin: 20px auto; width: fit content; text decoration: none; font size: 18px; font weight: bold; } .cta button:hover { background color: #018786; } .highlight { color: #6200ea; font weight: bold; } .discount { background color: #ffd700; text align: center; padding: 10px; border radius: 5px; margin: 20px 0; } .modules, .testimonials { margin: 20px 0; } .bonus { background color: #e0f7fa; padding: 10px; border radius: 5px; margin: 20px 0; } footer { text align: center; background color: #6200ea; color: white; padding: 10px 0; } </style> </head> <body> <header> <h1>Domina Canva <br>como un Experto✨</h1> </header> <div class="container"> <h2>Seguro te ha pasado que... 👇</h2> <p>Como emprendedor, creador de contenido o estudiante administrar tu tiempo ya es un desafío, y cuando se trata de herramientas de diseño, la frustración puede ser aún mayor. Seguro te ha pasado que:</p> <ul> <li>Pasas horas buscando <span class="highlight">HACKS, TIPS y TRUCOS</span> de Canva que guardaste, pero no los encuentras cuando los necesitas.</li> <li>Inviertes tiempo en intentar aprender herramientas complicadas que no se ajustan a tu ritmo.</li> <li>Quieres hacer diseños rápidos y efectivos, pero terminas frustrado/a por no saber por dónde empezar.</li> <li>Sientes que no aprovechas Canva al máximo porque no conoces todas sus funciones.</li> </ul> <a href="#compra" class="cta button">¡Lo quiero!</a> <h2>¿Y si pudieras dominar los mejores <span class="highlight">HACKS</span> de Canva?</h2> <p>Con mi eBook, "Domina Canva," dominarás esta herramienta desde lo más básico y tendrás acceso inmediato a los mejores hacks y trucos que me han ahorrado horas de trabajo al diseñar.</p> <div class="discount"> <p><strong>¡HOY 65% de descuento!</strong></p> <p>Precio Normal: <s>$30.00 USD</s><br> Solo por HOY <span class="highlight">$9.99 USD</span></p> </div> <h2>Imagina esto 🤔</h2> <ul> <li>Dominar Canva sin complicaciones.</li> <li>Ahorrar tiempo con los hacks más útiles y efectivos.</li> <li>Crear contenido visual impresionante sin depender de un diseñador externo.</li> <li>Tener un recurso único donde todos los mejores trucos de Canva están organizados y listos para usar.</li> </ul> <a href="#compra" class="cta button">¡Quiero aprender!</a> <h2>¿Qué contiene <span class="highlight">Domina Canva?</span></h2> <div class="modules"> <ul> <li>Módulo 1: Introducción a Canva</li> <li>Módulo 2: Conociendo la Interfaz</li> <li>Módulo 3: Herramientas Básicas</li> <li>Módulo 4: Imprimir, Exportar y Compartir</li> <li>Módulo 5: 50 Hacks y Trucos de Canva</li> <li>Módulo 6: ShortCuts</li> <li>Módulo 7: Fundamentos de Diseño</li> <li>Módulo 8: Tipografía</li> <li>Módulo 9: Paleta de Colores</li> <li>Módulo 10: Diseño de Presentaciones</li> <li>Módulo 11: Diseño para Redes Sociales</li> <li>Módulo 12: Hacks, Tips & Trucos de Diseño</li> <li>Módulo 13: Introducción al Marketing Digital</li> <li>Módulo 14: El Poder de las Redes Sociales</li> <li>Módulo 15: Crea Comunidades</li> <li>Módulo 16: Vuélvete Viral</li> <li>Módulo 17: Cómo Monetizar tus Redes</li> <li>Módulo 18: Analiza, Mejora y Optimiza</li> </ul> </div> <div class="bonus"> <h3>✨Bonos Exclusivos✨</h3> <ul> <li><strong>BONO #1:</strong> ¿Cómo monetizar Canva? <span class="highlight">$16</span></li> <li><strong>BONO #2:</strong> Estrategias Secretas IG <span class="highlight">$18</span></li> <li><strong>BONO #3:</strong> 50 Ideas de Productos Digitales <span class="highlight">$14</span></li> </ul> </div> <a href="#compra" class="cta button" id="compra">¡Obtenlo Ya!</a> </div> <footer> <p>© 2024 Diana Lovato Todos los derechos reservados</p> </footer> </body> </html>
