Discussion

Créer une landing page SaaS en un seul fichier pour Aether AI

De Wikiprompt, l’encyclopédie libre de prompts

Eyisha Zyer
Contribué parEyisha ZyerXSource

22 juil. 2026

Créer une landing page SaaS en un seul fichier pour Aether AI Un prompt de codage qui construit une landing page SaaS en un seul fichier pour une plateforme d'agents IA, avec un aperçu de terminal animé, un calculateur de ROI et un sélecteur de tarifs.

Médias associés

Contenu du PromptEnregistrer

🌐
Aperçu : Créez une page de destination SaaS interactive, prête pour la production et en un seul fichier, pour une plateforme d'agents IA autonomes dans index.html en utilisant Tailwind CSS et les icônes Lucide via CDN. Spécifications clés : Disposition et design : Barre de navigation supérieure fixe avec arrière-plan flouté, logo, liens de navigation, déclencheur de connexion et tiroir mobile. Section hero à fort impact avec texte dégradé animé, pastille de notification de lancement, boutons d'appel à l'action et logos clients modernes. Stylisée dans un thème sombre (fond #090d16) avec des accents de lueur radiale, des cartes en verre dépoli (glass-card) et la typographie Plus Jakarta Sans. Composants interactifs : Aperçu de terminal interactif avec journaux d'exécution animés en machine à écrire, statistiques d'exécution actives et un bouton de simulation de tâches. Calculateur de ROI dynamique avec curseurs pour la taille de l'équipe, le taux horaire et les heures économisées. Grille de tarification interactive avec un bouton de facturation mensuelle/annuelle avec remise de 20 %. Accordéon FAQ pliable, dialogue d'authentification modal, formulaire de capture de liste d'attente par e-mail et un système flottant de notifications toast.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec coding. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :coding| twitter| saas-landing-page| tailwind-css

Discussion