KeWang0622/agent-zero-to-hero

Page d'atterrissage — la structure canonique

Une page d'atterrissage qui convertit comporte cinq sections, dans l'ordre :

1. Héro — une promesse en une phrase + visuel + UN seul appel à l'action principal.
2. Trois points forts — trois avantages dans trois cartes. Pas plus.
3. Horaires / détails — informations pratiques au-dessus du pli du deuxième écran.
4. Carte / contact — iframe intégrée ou lien.
5. Pied de page — minimal : droits d'auteur, liens sociaux.

Règles techniques (les parties ingénierie)

• Un seul fichier. index.html avec <style> et <script> embarqués. Pas de phase de build.
• Tailwind via CDN — <script src="https://cdn.tailwindcss.com"></script>. Ne pas utiliser npm.
• Photos libres via URLs source Unsplash — https://source.unsplash.com/featured/?keyword.
• Mobile-first. Tester à 375 px de largeur.
• Pas d'animations de plus de 200 ms. Pas de carrousels. Pas de popups.

Conseils de couleurs

• Choisir UNE couleur primaire et UNE couleur d'accent. Utiliser des neutres pour le reste.
• Pour les entreprises chaleureuses (alimentation, hôtellerie) : primaire orange/rouge, neutre crème.
• Pour la tech : primaire bleu/indigo, neutre ardoise.
• Ne jamais utiliser du noir pur sur du blanc pur — adoucir les deux.

Procédure

Lorsque l'utilisateur demande de construire une page d'atterrissage :

1. Identifier le type d'entreprise à partir de la demande.
2. Choisir une palette de couleurs en suivant les conseils ci-dessus.
3. Écrire index.html avec les cinq sections.
4. Utiliser un texte qui semble réel (pas de "Lorem ipsum"). Le rendre spécifique à la demande.
5. Après l'écriture, utiliser l'outil bash pour open index.html (macOS) ou xdg-open index.html (Linux).
6. Si l'utilisateur demande des modifications, utiliser la modification pour faire des changements ciblés — ne pas réécrire.