Vidéo promotionnelle pour prompts.chat

Créer une vidéo promotionnelle de 30 secondes pour prompts.chat Ressources requises - https://prompts.chat/logo.svg - Logo SVG - https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - Carte du monde SVG pour la scène communautaire mondiale Thème de couleurs (Clair) - Fond : #ffffff - Fond alternatif : #f8fafc - Primaire : #6366f1 (Indigo) - Primaire clair : #818cf8 - Accent : #22c55e (Vert) - Texte : #0f172a - Texte atténué : #64748b Police - Inter (graisses : 400, 600, 700, 800) Structure des scènes (8 scènes) Scène 1 : Ouverture (5s) - Le logo apparaît - Logo centré, mise à l'échelle avec animation à ressort - Après l'animation : le texte « prompts.chat » se révèle de gauche à droite sous le logo à l'aide de clip-path - Le slogan apparaît : « La plateforme sociale gratuite pour les invites IA » Scène 2 : Communauté mondiale (4s) - Carte du monde en plein écran (opacité de 25 %) en arrière-plan - 16 points d'activité pulsants dans les grandes villes (LA, NYC, Toronto, São Paulo, Londres, Paris, Berlin, Lagos, Moscou, Dubaï, Mumbai, Pékin, Tokyo, Singapour, Sydney, Varsovie) - Chaque point possède un anneau de pulsation externe, une pulsation interne et un point central avec lueur - Titre : « Une communauté mondiale de créateurs d'invites » - Rangée de statistiques : 8k+ utilisateurs, 3k+ visiteurs quotidiens, 1k+ invites, 300+ contributeurs, 10+ langues - Superposition en dégradé en bas pour la lisibilité du texte Scène 3 : Solution (2,5s) - Trois mots apparaissent séquentiellement avec une animation à ressort : « Découvrir. » « Partager. » « Collectionner. » - Chaque mot dans une couleur différente (primaire, accent, primaire clair) Scène 4 : Conçu pour tous (4s) - 8 icônes de personnages flottantes autour des bords de l'écran avec animation flottante en onde sinusoïdale/cosinusoïdale - Personnages : Étudiants, Enseignants, Chercheurs, Développeurs, Artistes, Écrivains, Marketeurs, Entrepreneurs - Chacun possède un conteneur d'icônes de 130x130 avec fond/bordure coloré - Titre central : « Conçu pour tous » - Sous-titre : « À une invite de votre prochaine percée. » Scène 5 : Types d'invites (5s) - Titre : « Des invites pour chaque besoin » - Cadre de type navigateur (1400x800) avec feux de circulation macOS et barre d'URL affichant « prompts.chat » - Une capture d'écran de maçonnerie défile verticalement avec une animation adoucie (cubic ease-in-out) - 7 étiquettes en forme de pilule flottantes autour des bords avec icônes : Texte (violet), Image (rose), Vidéo (ambre), Audio (vert), Workflows (violet), Compétences (sarcelle), JSON (rouge) Scène 6 : Fonctionnalités (4s) - 4 cartes de fonctionnalités apparaissant séquentiellement avec une animation à ressort : - Bibliothèque d'invites (icône livre) - « Des milliers d'invites dans toutes les catégories » - Compétences et workflows (icône éclair) - « Automatisez les tâches IA en plusieurs étapes » - Communauté (icône utilisateurs) - « Partagez et découvrez auprès des créateurs » - Open Source (icône cercle-plus) - « Auto-hébergement avec confidentialité totale » Scène 7 : Preuve sociale (4s) - Compteur d'étoiles GitHub animé (0 à 143 000+) - Icône d'étoile à côté du compteur - Badge : « La première bibliothèque d'invites - Depuis décembre 2022 » avec icône de trophée - Texte : « Approuvé par les cofondateurs d'OpenAI • Utilisé par Harvard, Columbia et plus » Scène 8 : Appel à l'action (3,5s) - Animation de lueur en arrière-plan (dégradé radial pulsant) - Titre : « Commencez à explorer dès aujourd'hui » - Grand bouton avec logo + texte « prompts.chat » (fond en dégradé, pulsation subtile) - Sous-titre : « Gratuit et Open Source » Transitions (0,4s chacune) - Scène 1 à 2 : Fondu - Scène 2 à 3 : Glissement depuis la droite - Scène 3 à 4 : Fondu - Scène 4 à 5 : Fondu - Scène 5 à 6 : Glissement depuis la droite - Scène 6 à 7 : Glissement depuis le bas - Scène 7 à 8 : Fondu Techniques d'animation utilisées - spring() pour les animations d'échelle rebondissantes - interpolate() pour l'opacité, la position et clip-path - Easing.inOut(Easing.cubic) pour un défilement fluide - Math.sin()/Math.cos() pour les animations flottantes - Délais échelonnés pour les apparitions séquentielles d'éléments Composants clés - Composants d'icônes SVG personnalisés pour toutes les icônes (pas d'émojis) - Composant logo avec le chemin « P » de prompts.chat - Composant réutilisable FeatureCard - TransitionSeries pour la gestion des scènes