CREADOR LANDINGS REACT

Herramienta profesional para diseñar y construir landing pages de alta fidelidad, pixel-perfect, con estética cinematográfica moderna. Genera código frontend estructurado y listo para usar en React 19, Tailwind CSS y animaciones fluidas con GSAP (ScrollTrigger).

Qué hace este Agente

Con este producto lo que podrás hacer es introducir el nombre de tu marca, el sector, el público objetivo y la llamada a la acción (CTA) principal, y el agente se encargará de estructurar y generar un código limpio, modular y profesional para tu página de aterrizaje.

Características de Diseño Integradas

• Paleta Cinematográfica: Fondos crema, elementos primarios verde musgo, acentos arcilla y secciones oscuras carbón.
• Barra Flotante: Píldora interactiva con transición de scroll (vidrio semitransparente).
• Sección Hero: Pantalla completa (100dvh) con fondos de atmósfera y alto contraste tipográfico.
• Sección Manifiesto: Animación de texto split text sobria y elegante.
• Micro-paneles: Tarjetas interactivas de diagnóstico, terminal de telemetría y agenda.
• Textura Orgánica: Overlay de ruido CSS para evitar pantallas planas.

Especificaciones Técnicas y APIs

• Framework: React 19 y Tailwind CSS para la estructura y estilos.
• Animación: GSAP 3 y ScrollTrigger para transiciones y efectos físicos.
• APIs públicas declaradas:
  1. OpenRouter (API de inferencia del modelo principal).
  2. Unsplash (Carga de imágenes de atmósfera).
  3. Google Fonts (Servidor de tipografías premium).