lumora.example

Dónde: el hero de la portada, el h1 «Desbloquea el poder de la IA para tu negocio» y el párrafo de debajo.

Qué cambiar: reemplaza el h1 por una frase que diga qué hace el producto, para quién y qué resultado da, en menos de 12 palabras, sin las palabras «poder», «IA», «revoluciona» ni «siguiente nivel». El párrafo de debajo pasa a una sola línea con el cómo. Borra la pastilla «🚀 Nuevo: Lumora AI 2.0 ya está aquí». Saca el degradé del texto del h1: todo el título en un solo color.

Qué no tocar: el menú, los botones (hay otro cambio para ellos) y el resto de las secciones.

Dónde: los dos botones del hero, «Empieza gratis» y «Agenda una demo».

Qué cambiar: «Empieza gratis» queda como único botón lleno, de color sólido (sin degradé ni sombra de color). «Agenda una demo» pasa a ser un link de texto subrayado, al lado, sin fondo ni borde.

Qué no tocar: los textos de los botones, el título y el resto de la página.

Dónde: la sección «Todo lo que necesitas, en un solo lugar» con las tres tarjetas (🚀, ⚡, 🔒), y el espacio debajo del hero.

Qué cambiar: debajo del hero agrega una imagen grande con una captura real del producto (deja un archivo de ejemplo en /public/producto.png y yo la reemplazo). Reemplaza las tres tarjetas por tres bloques en fila alternada (texto a un lado, recorte de pantalla al otro), cada uno con una función concreta y un título que diga qué pasa, no un adjetivo. Borra los emojis que hacen de íconos.

Qué no tocar: el hero y las secciones de abajo.

Dónde: la franja de logos «Con la confianza de más de 10.000 equipos», la tira de números (10x, 99.9%, 24/7) y la sección «Lo que dicen nuestros clientes».

Qué cambiar: borra las tres. Deja en el código un componente Testimonio que reciba nombre, empresa, foto y cita, sin estrellas, para usarlo cuando haya testimonios reales.

Qué no tocar: el resto de la página.

Dónde: los estilos globales y todos los degradés (logo, h1, botones, íconos, números, bloque «¿Listo para llevar tu negocio al siguiente nivel?»).

Qué cambiar: define dos variables, --texto (casi negro) y --acento (un color sólido que no sea violeta, índigo ni rosa), y reemplaza todos los linear-gradient y radial-gradient por colores lisos. El acento solo va en el botón principal y en los links. El fondo de la página pasa a blanco.

Qué no tocar: los textos y la estructura.

Dónde: la tipografía global y los títulos h1 y h2 de todas las secciones; la sección «¿Por qué elegir Lumora?».

Qué cambiar: carga una tipografía para títulos distinta de Inter (te propongo Satoshi o General Sans de Fontshare, autoalojada) con peso 600 y tracking apretado. Alinea los h2 y sus bajadas a la izquierda. Borra la sección «¿Por qué elegir Lumora?» con la lista de ✅.

Qué no tocar: el texto de párrafo, que puede seguir en Inter.

Dónde: el pie y el menú.

Qué cambiar: borra todo link con href="#". En el pie deja una sola fila con el nombre, el correo de contacto y los links a Privacidad y Términos. Cambia «Hecho con ❤️ para equipos de todo el mundo» por solo el ©.

Qué no tocar: el resto de la página.

Dónde: el <head> de la portada.

Qué cambiar: agrega <meta name="description"> con la misma idea del nuevo título del hero (máximo 155 caracteres), og:title, og:description, og:image (1200×630, deja /public/og.png de ejemplo) y twitter:card=summary_large_image.

Qué no tocar: nada visible de la página.