用途 这是一个游戏主题的获奖风格落地页模板，用于展示具有视觉冲击力的网站页面，包含滚动触发动画、几何过渡、3D 悬停效果和视频叙事。
主要能力
- 滚动触发动画（GSAP）
- 几何过渡效果
- 3D 悬停效果
- 视频叙事
技术栈
- 框架：React 19
- 构建工具：Vite
- 动画：GSAP
- 样式：Tailwind CSS
- 包管理器：npm
- 输出目录：dist
- 开发端口：5173
使用方式
-
克隆模板： git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git . 如果目录非空： git clone --depth 1 https://github.com/Eng0AI/award-winning-website-template.git _temp_template mv _temp_template/* _temp_template/.* . 2>/dev/null || true rm -rf _temp_template
-
移除 Git 历史（可选）： rm -rf .git git init
-
安装依赖： npm install
构建： npm run build 生成生产构建到 dist/ 目录。
部署： Vercel（推荐）： vercel pull --yes -t $VERCEL_TOKEN vercel build --prod -t $VERCEL_TOKEN vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN 注意：对于 Vercel，必须使用 vercel build --prod 然后 vercel deploy --prebuilt --prod，切勿直接使用 vercel --prod。
Netlify： netlify deploy --prod --dir=dist
开发： npm run dev 在 http://localhost:5173 打开。
适用场景 适合需要游戏主题、注重视觉动画和视频叙事的静态落地页项目。
限制
- 静态 React 站点，无后端，无需环境变量。
- 切勿在 VM 环境中运行 npm run dev。