Page d'atterrissage moderne avec hero anime, features, pricing et CTA.
Le degrade anime sur le titre attire le regard immediatement et renforce le branding. Les stats en gradient creent une hierarchie visuelle forte sans surcharger la page.
background-clip: text + background-size: 300% Explorer Texte & Typo →La rotation lente du fond cree une ambiance vivante sans distraire. L'utilisateur percoit du mouvement subtil qui rend la page premium et non statique.
animation: rotateBg 30s linear infinite Explorer Backgrounds →Les particules ajoutent de la profondeur et une sensation d'espace. Elles bougent lentement pour ne pas distraire mais maintiennent l'attention visuelle sur le hero.
animation: float 20s infinite ease-in-out Explorer Atmosphere →Chaque element apparait avec un delai progressif (0.1s, 0.2s, 0.3s). Cela guide l'oeil du visiteur dans l'ordre de lecture voulu et cree un effet de revelation elegant.
animation: fadeInUp 0.8s ease backwards Explorer Scroll & Parallax →Les cartes s'elevent de 10px avec une ombre et une bordure gradient qui se revele. Cette micro-interaction confirme l'interactivite et incite a explorer chaque feature.
transform: translateY(-10px) + scaleX(1) border Explorer Hover & Interactions →Le knob glisse avec un cubic-bezier et le fond change de couleur. Le feedback immediat rassure l'utilisateur que son choix est bien pris en compte.
transition: all 0.3s cubic-bezier + translateX(28px) Explorer Boutons →La barre de navigation devient translucide avec un flou au scroll. L'utilisateur garde ses reperes de navigation tout en voyant le contenu defiler derriere.
backdrop-filter: blur(20px) + background: rgba() Explorer Glass & Morphism →