Landing page Nerdy Kings

Crée une landing page complète en HTML, CSS et JavaScript vanilla pour la marque “Nerdy Kings”, un site média / business autour de l’IA, de la tech et de l’automatisation. OBJECTIF DE LA PAGE : La page doit capturer les emails en échange d’un guide gratuit intitulé : “Le guide gratuit de l’IA & de l’automatisation” Le but est de donner envie aux visiteurs de laisser leur email pour recevoir ce guide. STYLE VISUEL : - Design moderne, premium, tech, futuriste, mais très clean - Univers visuel IA / startup / automatisation / innovation - Ambiance sombre élégante avec accents lumineux - Couleurs principales : noir profond, gris anthracite, blanc, avec accent bleu électrique ou violet néon - Look professionnel, crédible, haut de gamme - Responsive mobile + desktop - Beaucoup d’espace, belle hiérarchie visuelle, sections bien aérées - Animations subtiles au scroll ou sur hover - Effet glassmorphism ou cartes modernes possible, mais sans surcharge - Le rendu doit faire “média tech premium” STRUCTURE DE LA PAGE : 1. HERO SECTION - Logo texte “Nerdy Kings” en haut - Gros titre impactant, orienté bénéfice - Exemple d’idée de titre : “Le guide gratuit pour comprendre et utiliser l’IA pour automatiser plus, gagner du temps et prendre de l’avance” - Sous-titre clair, persuasif, qui explique ce que le guide apporte - Mockup visuel du guide gratuit (fausse couverture ebook stylée) - Formulaire de capture email visible immédiatement - Champ email + bouton CTA - CTA du type : “Recevoir le guide gratuit” - Petit texte de réassurance sous le formulaire : “Pas de spam. Désinscription en un clic.” 2. SECTION BÉNÉFICES Créer 3 à 4 blocs avec icônes modernes expliquant ce que le visiteur va apprendre dans le guide : - Comment utiliser l’IA au quotidien - Comment automatiser des tâches répétitives - Quels outils IA valent vraiment le coup - Comment gagner du temps et de l’argent avec l’automatisation 3. SECTION “POUR QUI ?” Expliquer que ce guide est utile pour : - créateurs de contenu - freelances - entrepreneurs - curieux de la tech - débutants qui veulent comprendre l’IA sans jargon inutile 4. SECTION PREUVE / CRÉDIBILITÉ Ajouter une section rassurante qui positionne Nerdy Kings comme une marque sérieuse sur l’IA et la tech - Ton crédible, intelligent, accessible - Petit paragraphe sur la mission de Nerdy Kings : “Rendre l’IA, la tech et l’automatisation compréhensibles, concrètes et utiles.” - Ajouter éventuellement 2 ou 3 mini témoignages fictifs crédibles et sobres 5. SECTION CTA FINALE - Rappeler la promesse principale - Répéter le formulaire email - Bouton fort et visible 6. FOOTER - Logo texte Nerdy Kings - Petit texte copyright - Liens fictifs vers Mentions légales / Contact / Politique de confidentialité FONCTIONNALITÉS : - Le code doit être propre, bien structuré, lisible et commenté - Utiliser uniquement HTML, CSS et JS vanilla dans un seul fichier si possible - Formulaire de capture d’email visuellement fonctionnel - Ajouter validation simple de l’email en JavaScript - Prévoir un message de succès après soumission - Pas de backend nécessaire, mais le code doit être prêt à connecter à Mailchimp, Brevo ou ConvertKit plus tard - Prévoir facilement l’intégration future d’un vrai endpoint de formulaire COPYWRITING : Le texte doit être rédigé directement dans la page, en français, avec un ton : - moderne - intelligent - clair - persuasif - orienté bénéfices - pas trop agressif ni trop “vendeur cheap” IMPORTANT : - Le résultat doit être beau dès l’ouverture du fichier - Je veux une vraie landing page convaincante, pas juste une maquette basique - Génère un rendu visuel premium, cohérent et professionnel - Soigne particulièrement la hero section, le formulaire email et les CTA - Le code final doit être directement testable dans un navigateur