这套方案适合什么项目
- AI 行程规划、目的地推荐和旅行助手
- 希望把输入框作为首屏主角的工具官网
- 拥有旅行视频素材的产品发布页
SITES · 旅行与房产
AI 旅行规划工具视频首屏提示词
旅行规划工具的首屏必须立即让用户开始输入，而不是先阅读很长的产品说明。这个方案把目的地问题放进磨砂玻璃卡片，背景视频负责建立旅行情绪，导航和生成动作保持清楚。它适合 AI 行程、路线推荐或目的地探索产品。
实现工具与技术边界
- React 与 TypeScript
- Vite 与 Tailwind CSS
- Lucide React
- HTML5 Video
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
输入任务是首屏唯一主要动作
- 02
玻璃效果提供对比而不是单纯装饰
- 03
视频使用海报和纯色后备
- 04
手机端处理浏览器地址栏和安全区
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Build a single-page travel app hero using React, TypeScript, Vite and Tailwind. Place a frosted prompt card over a looping video, ask one clear destination question, and preserve a usable fallback when media or blur effects are unavailable.完成后应该得到什么
生成页面应让访客立即开始描述旅行需求。背景提供情绪，但输入框、按钮和辅助说明始终拥有足够对比度与触控空间。
生成后不要跳过这些检查
- 禁用 backdrop-filter 后卡片仍可读
- 移动端使用动态视口高度
- 输入框有清楚标签和提交反馈
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
