项目简介
Geralt AI 是一个静态 HTML 模板，用于搭建 AI 图片/视频生成器的产品展示页面。包含首页（图片模式和视频模式各一套）以及配套的登录注册表单页面，适合快速原型开发或静态产品站点。
技术栈
- HTML5 / CSS3
- Bootstrap 5（响应式布局）
- jQuery（DOM 操作）
- GSAP + ScrollMagic（动画效果）
- Slick Slider（轮播组件）
项目结构
text
aiimagegenhtml-10/
├── Documentation/ # 模板使用文档
│ ├── index.html
│ ├── header.html
│ ├── component.html
│ ├── features.html
│ ├── slider-type.html
│ ├── page-element.html
│ └── credit.html
└── Online AI Image Generator HTML Template - Geralt AI/
├── image/
│ ├── index.html # 图片生成器首页
│ └── form.html # 登录/注册表单
└── video/
├── index.html # 视频生成器首页
└── form.html # 登录/注册表单
核心文件说明
image/index.html— 图片生成器主页，含文字转图片输入框、风格下拉选择及示例展示video/index.html— 视频生成器主页，布局与图片版相同，首图区域改为视频image/form.html— 登录注册表单，左侧轮播图背景、右侧表单切换video/form.html— 视频版表单，与图片版结构一致Documentation/index.html— 模板完整使用文档入口assets/css/style.css— 主样式文件
快速开始
直接用浏览器打开以下文件即可预览：
image/index.html— 图片生成器页面video/index.html— 视频生成器页面
使用建议
- 模板为纯静态展示页，实际的 AI 生成功能需自行对接后端 API
- 表单页面仅做 UI 展示，提交逻辑需自行实现
