Video promocional para prompts.chat

Crea un video promocional de 30 segundos para prompts.chat Recursos Requeridos - https://prompts.chat/logo.svg - Logo SVG - https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - Mapa mundial SVG para la escena de comunidad global Tema de Colores (Claro) - Fondo: #ffffff - Fondo Alternativo: #f8fafc - Primario: #6366f1 (Índigo) - Primario Claro: #818cf8 - Acento: #22c55e (Verde) - Texto: #0f172a - Texto Atenuado: #64748b Fuente - Inter (pesos: 400, 600, 700, 800) Estructura de Escenas (8 Escenas) Escena 1: Apertura (5s) - Aparece el logo - Logo centrado, escala con animación de resorte - Después de la animación: el texto "prompts.chat" se revela de izquierda a derecha debajo del logo usando clip-path - Aparece el eslogan: "La Plataforma Social Gratuita para Prompts de IA" Escena 2: Comunidad Global (4s) - Mapa mundial a pantalla completa (opacidad 25%) como fondo - 16 puntos de actividad pulsantes en ciudades principales (LA, NYC, Toronto, Sao Paulo, Londres, París, Berlín, Lagos, Moscú, Dubái, Mumbai, Pekín, Tokio, Singapur, Sídney, Varsovia) - Cada punto tiene anillo de pulso exterior, pulso interior y punto central con brillo - Título: "Una comunidad global de creadores de prompts" - Fila de estadísticas: 8k+ usuarios, 3k+ visitantes diarios, 1k+ prompts, 300+ colaboradores, 10+ idiomas - Superposición de degradado en la parte inferior para legibilidad del texto Escena 3: Solución (2.5s) - Tres palabras aparecen secuencialmente con animación de resorte: "Descubre." "Comparte." "Colecciona." - Cada palabra en un color diferente (primario, acento, primario claro) Escena 4: Hecho para Todos (4s) - 8 iconos de personas flotantes alrededor de los bordes de la pantalla con animación flotante de onda seno/coseno - Personas: Estudiantes, Profesores, Investigadores, Desarrolladores, Artistas, Escritores, Marketers, Emprendedores - Cada uno tiene contenedor de icono de 130x130 con fondo/borde de color - Título central: "Hecho para todos" - Subtítulo: "A un prompt de tu próximo gran avance." Escena 5: Tipos de Prompts (5s) - Título: "Prompts para cada necesidad" - Marco similar a navegador (1400x800) con luces de tráfico de macOS y barra de URL mostrando "prompts.chat" - Una captura de pantalla de estructura de mampostería se desplaza verticalmente con animación suavizada (cubic ease-in-out) - 7 etiquetas flotantes en forma de píldora alrededor de los bordes con iconos: Texto (púrpura), Imagen (rosa), Video (ámbar), Audio (verde), Flujos de Trabajo (violeta), Habilidades (verde azulado), JSON (rojo) Escena 6: Características (4s) - 4 tarjetas de características apareciendo secuencialmente con animación de resorte: - Biblioteca de Prompts (icono de libro) - "Miles de prompts en todas las categorías" - Habilidades y Flujos de Trabajo (icono de rayo) - "Automatiza tareas de IA de múltiples pasos" - Comunidad (icono de usuarios) - "Comparte y descubre de creadores" - Código Abierto (icono de círculo más) - "Autoalojado con privacidad completa" Escena 7: Prueba Social (4s) - Contador animado de estrellas de GitHub (0 a 143,000+) - Icono de estrella junto al contador - Insignia: "La Primera Biblioteca de Prompts - Desde Diciembre 2022" con icono de trofeo - Texto: "Respaldado por cofundadores de OpenAI - Usado por Harvard, Columbia y más" Escena 8: Llamada a la Acción (3.5s) - Animación de brillo de fondo (degradado radial pulsante) - Título: "Comienza a explorar hoy" - Botón grande con logo + texto "prompts.chat" (fondo degradado, pulso sutil) - Subtítulo: "Gratuito y de Código Abierto" Transiciones (0.4s cada una) - Escena 1 a 2: Fundido - Escena 2 a 3: Deslizar desde la derecha - Escena 3 a 4: Fundido - Escena 4 a 5: Fundido - Escena 5 a 6: Deslizar desde la derecha - Escena 6 a 7: Deslizar desde abajo - Escena 7 a 8: Fundido Técnicas de Animación Utilizadas - spring() para animaciones de escala con rebote - interpolate() para opacidad, posición y clip-path - Easing.inOut(Easing.cubic) para desplazamiento suave - Math.sin()/Math.cos() para animaciones flotantes - Retrasos escalonados para apariciones secuenciales de elementos Componentes Clave - Componentes de iconos SVG personalizados para todos los iconos (sin emojis) - Componente de logo con la ruta "P" de prompts.chat - Componente reutilizable FeatureCard - TransitionSeries para gestión de escenas