Discusión

Construir una landing page SaaS de un solo archivo para Aether AI

De Wikiprompt, la enciclopedia libre de prompts

Eyisha Zyer
Contribuido porEyisha ZyerXFuente

22 jul 2026

Construir una landing page SaaS de un solo archivo para Aether AI Un prompt de programación que construye una landing page SaaS de un solo archivo para una plataforma de agentes de IA, con una vista previa animada de terminal, una calculadora de ROI y un selector de planes de precios.

Medios relacionados

Contenido del PromptGuardar

🌐
Descripción general: Crea una página de destino SaaS interactiva de un solo archivo y lista para producción para una plataforma de agentes de IA autónomos en index.html usando Tailwind CSS e Iconos de Lucide vía CDN. Especificaciones clave: Diseño y maquetación: Barra de navegación superior fija con fondo difuminado, logotipo, enlaces de navegación, activador de Iniciar sesión y cajón móvil. Sección héroe de alto impacto con texto degradado animado, píldora de notificación de lanzamiento, botones de llamada a la acción y logotipos de clientes modernos. Estilizada en un tema oscuro (fondo #090d16) con acentos de resplandor radial, tarjetas de vidrio esmerilado (glass-card) y tipografía Plus Jakarta Sans. Componentes interactivos: Vista previa de terminal interactiva con registros de ejecución animados tipo máquina de escribir, estadísticas de tiempo de ejecución activas y un botón de simulación de tareas. Calculadora dinámica de ROI con controles deslizantes para tamaño del equipo, tarifa por hora y horas ahorradas. Paquete de precios interactivo con un conmutador de facturación mensual/anual con descuento del 20%. Acordeón de preguntas frecuentes plegable, diálogo de autenticación modal, formulario de captura de lista de espera por correo electrónico y un sistema flotante de notificaciones toast.

Iniciá sesión para ver el prompt completo

Continuar con:

Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad

Uso

Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.

Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.

Referencias

Categorías:coding| twitter| saas-landing-page| tailwind-css

Discusión