prompts.chat的推广视频

为prompts.chat制作一段30秒的宣传视频 所需素材 - https://prompts.chat/logo.svg - Logo SVG - https://raw.githubusercontent.com/flekschas/simple-world-map/refs/heads/master/world-map.svg - 用于全球社区场景的世界地图SVG 配色主题（浅色） - 背景色：#ffffff - 备用背景色：#f8fafc - 主色：#6366f1（靛蓝） - 主色浅：#818cf8 - 强调色：#22c55e（绿色） - 文字色：#0f172a - 次要文字色：#64748b 字体 - Inter（字重：400、600、700、800） 场景结构（8个场景） 场景1：开场（5秒） - Logo出现 - Logo居中，带弹簧动画缩放 - 动画结束后：“prompts.chat”文字在Logo下方从左到右用clip-path揭示 - 标语出现：“AI提示词免费社交平台” 场景2：全球社区（4秒） - 全屏世界地图（25%不透明度）作为背景 - 16个脉动活动点位于主要城市（洛杉矶、纽约、多伦多、圣保罗、伦敦、巴黎、柏林、拉各斯、莫斯科、迪拜、孟买、北京、东京、新加坡、悉尼、华沙） - 每个点有外脉冲环、内脉冲和带光晕的中心点 - 标题：“一个由提示词创作者组成的全球社区” - 数据行：8000+用户、3000+日访客、1000+提示词、300+贡献者、10+种语言 - 底部有渐变叠加层以确保文字可读 场景3：解决方案（2.5秒） - 三个词依次出现并带弹簧动画：“发现。”“分享。”“收藏。” - 每个词使用不同颜色（主色、强调色、主色浅） 场景4：为所有人打造（4秒） - 8个浮动人物图标围绕屏幕边缘，带正弦/余弦波浮动动画 - 人物类型：学生、教师、研究人员、开发者、艺术家、作家、营销人员、创业者 - 每个有130x130的图标容器，带彩色背景/边框 - 居中标题：“为所有人打造” - 副标题：“距离你的下一个突破只差一个提示词。” 场景5：提示词类型（5秒） - 标题：“满足各种需求的提示词” - 浏览器式框架（1400x800），带macOS红绿灯按钮和显示“prompts.chat”的URL栏 - 瀑布流骨架截图垂直滚动，带缓动动画（三次缓入缓出） - 7个带图标的浮动药丸形标签分布在边缘：文本（紫色）、图像（粉色）、视频（琥珀色）、音频（绿色）、工作流（紫罗兰色）、技能（青色）、JSON（红色） 场景6：功能特性（4秒） - 4张功能卡片依次出现并带弹簧动画： - 提示词库（书本图标），，“覆盖所有类别的数千条提示词” - 技能与工作流（闪电图标），，“自动化多步骤AI任务” - 社区（用户图标），，“与创作者分享和发现” - 开源（圆形加号图标），，“完全隐私的自托管” 场景7：社会证明（4秒） - 动画GitHub星标计数器（从0到143000+） - 星标图标位于计数旁 - 徽章：“首个提示词库，，自2022年12月起”带奖杯图标 - 文字：“获OpenAI联合创始人认可 • 被哈佛、哥伦比亚等高校使用” 场景8：行动号召（3.5秒） - 背景光晕动画（脉动径向渐变） - 标题：“今天就开始探索” - 大按钮带Logo和“prompts.chat”文字（渐变背景，轻微脉动） - 副标题：“免费且开源” 转场（每个0.4秒） - 场景1到2：淡入淡出 - 场景2到3：从右侧滑入 - 场景3到4：淡入淡出 - 场景4到5：淡入淡出 - 场景5到6：从右侧滑入 - 场景6到7：从底部滑入 - 场景7到8：淡入淡出 使用的动画技术 - spring()用于弹性缩放动画 - interpolate()用于不透明度、位置和clip-path - Easing.inOut(Easing.cubic)用于平滑滚动 - Math.sin()/Math.cos()用于浮动动画 - 交错延迟用于元素依次出现 关键组件 - 所有图标使用自定义SVG图标组件（不使用表情符号） - Logo组件，带prompts.chat的“P”路径 - 可复用的FeatureCard组件 - TransitionSeries用于场景管理