LH Transformation, page « Coming Soon »

Page statique. Décor de salle généré en CSS/SVG, silhouette en vidéo MP4 stylisée en or par filtres CSS.

Fichiers

• index.html : page complète
• styles.css : feuille de style
• assets/logo.png : logo officiel LH
• assets/silhouette.mp4 : à déposer (silhouette qui s’entraîne, boucle 5 à 15 s)
• assets/silhouette-poster.jpg : (optionnel) image de fallback affichée pendant le chargement

Comment trouver une vidéo silhouette gratuite

Toutes ces banques proposent des MP4 libres pour usage commercial sans attribution :

Pexels (le plus rapide)

• Bodybuilder : https://www.pexels.com/search/videos/bodybuilder/
• Silhouette : https://www.pexels.com/search/videos/silhouette/
• Workout : https://www.pexels.com/search/videos/workout/
• Gym : https://www.pexels.com/search/videos/gym/

Pixabay

• Gym : https://pixabay.com/videos/search/gym/
• Workout : https://pixabay.com/videos/search/workout/
• Silhouette : https://pixabay.com/videos/search/silhouette/

Mixkit

• Workout : https://mixkit.co/free-stock-video/workout/

Coverr

• Gym : https://coverr.co/s?q=gym

Critères de choix (important)

Les filtres CSS appliqués transforment la vidéo en ombre dorée glowante. Pour que le résultat soit bon :

1. Fond sombre uni (idéalement noir). Sinon le fond va apparaître à travers et casser l’illusion d’ombre.
2. Sujet bien contrasté par rapport au fond.
3. Cadrage vertical 9:14 ou proche, sujet centré. Plein corps visible.
4. Boucle ou plan continu de 5 à 15 s. Inutile d’avoir 1 minute.
5. Un seul exercice suffit (par exemple : tractions, ou DC, ou curl, ou enchaînement de poses). Pas besoin de parcours dans la salle, la salle est déjà gérée par le décor CSS.

Après téléchargement : - Renomme le fichier en silhouette.mp4 - Place-le dans coming-soon/assets/ - Recharge la page

Si tu veux ajuster le rendu (couleurs des filtres)

Dans styles.css, cherche .actor-video video et tweak la chaîne filter: : - saturate(0) : désature la vidéo (à 0 = N&B) - contrast(2.2) : force le contraste (plus fort = silhouette plus marquée) - sepia(1) hue-rotate(-12deg) saturate(7) : tinte en or, ajuste hue-rotate pour décaler la teinte - drop-shadow(...) : halo doré

À remplacer avant mise en ligne

Dans index.html : - https://wa.me/33000000000 : numéro WhatsApp réel - https://instagram.com/lhtransformation : handle Instagram réel - https://tiktok.com/@lhtransformation : handle TikTok réel

Direction créative

• Slogan unique : « Prends du muscle. Soulève plus lourd. »
• Aucune mention d’âge, aucun tiret cadratin
• Top bar « En cours de transformation »
• Enseigne néon « ZONE DE TRANSFORMATION » au fond de la scène