这套方案适合什么项目
- 3D 工作室、视觉制作和创意服务定价
- 希望用视频说明服务质感的报价区块
- 需要把单一主套餐放进沉浸背景的页面
SECTIONS · 定价与方案
3D 工作室视频定价区块提示词
定价区块需要让用户比较，而不是只展示一个大数字。这个方案把 3D 视频作为服务氛围，把套餐、单位和行动按钮放在稳定卡片中。它适合工作室、创意服务或视觉制作，但所有价格与服务范围必须替换成真实信息。
实现工具与技术边界
- React
- Tailwind CSS
- Lucide React
- HTML5 Video
DESIGN DECISIONS
真正决定结果的设计取舍
- 01
价格与计费单位同屏表达
- 02
卡片对比不依赖背景视频
- 03
视频使用海报和纯色降级
- 04
移动端让价格、权益和按钮自然连续
PUBLIC PROMPT EXCERPT
公开提示词片段
这段内容只公开核心方向，足够判断提示词是否具体。组件清单、细节参数、响应式规则与完整验收要求继续由会员权限保护。
Create a full-screen pricing section with a muted looping video background and a readable pricing card overlay. Use React, Tailwind and Lucide icons. Keep the amount, billing unit, included work and primary action explicit.完成后应该得到什么
结果应是一个可以嵌入现有官网的独立定价模块。访客能快速判断价格、包含内容和下一步，视频不会降低信息可读性。
生成后不要跳过这些检查
- 价格、周期和税费说明真实一致
- 背景关闭后卡片仍有完整视觉
- 按钮附近没有误导性稀缺文案
RELATED ASSETS
相关构建方案
围绕同一任务继续比较，不必退回搜索起点。
