Praxis est un modèle premium de landing page d’une seule page pour les cours en ligne, les programmes par cohortes et les offres de coaching : le genre de produit auquel il faut faire confiance avant de payer quatre chiffres. Papier crème chaleureux, un accent émeraude affirmé, de grands titres serif de style éditorial et un surligneur signature qui balaie les phrases clés au fil du défilement. On dirait une masterclass privée, pas une énième page d’infomarketing.

Construit avec du HTML statique + Tailwind CSS v4. Pas de React, pas de Vue, pas d’étape de build : le CSS compilé est fourni dans le package, vous ouvrez donc index.html et vous êtes en ligne sur GitHub Pages, Netlify, Vercel, Cloudflare ou votre propre serveur.

CONTENU (11 sections)

• Navigation fixe + menu mobile accessible

• Hero avec la signature du surligneur + une carte de cours épurée

• Ligne de preuve sociale « Nos anciens élèves construisent désormais chez »

• Un bandeau manifeste pleine largeur avec la promesse et le public visé

• Un programme de 8 semaines conçu comme une « colonne d’apprentissage » verticale qui se remplit au défilement

• Rencontrez votre mentor avec des statistiques animées à compteur

• Une grille de six blocs « ce que vous obtenez » (icônes SVG en ligne)

• Résultats : un résultat mis en avant + témoignages d’anciens élèves (avatars à initiales, pas de visages de banques d’images)

• Tarification honnête en 3 niveaux (à votre rythme / cohorte / 1:1) avec garantie de 14 jours

• Accordéon de FAQ

• Bandeau d’appel à l’action final + pied de page complet

POURQUOI IL EST DIFFÉRENT

• Une signature que vous ne trouverez dans aucun modèle de cours : le surligneur animé + la colonne de programme qui se remplit

• Piloté par des tokens : modifiez UN SEUL bloc @theme dans src/input.css et toute la page change d’apparence

• Honnête par conception : pas de faux comptes à rebours, pas de fausse rareté, pas de dark patterns

• Entièrement responsive, mobile-first, sans défilement horizontal sur aucun appareil

• Contraste WCAG AA, HTML sémantique, focus visible, accordéon accessible : Lighthouse Accessibility 100

• Polices auto-hébergées (Fraunces + Space Grotesk + IBM Plex Mono, woff2) : pas de CDN Google, pas de décalage de mise en page

CE QUE VOUS OBTENEZ

index.html · Tailwind CSS compilé + source · quelques Ko de JS vanilla · polices auto-hébergées · favicon + image OG · documentation complète · journal des modifications · notes de licence.

Démo en ligne (version Lite gratuite) : https://mcmxcixx.github.io/praxis/