项目简介
BOTS 是一个 AI 科技公司 / 代理机构的展示型静态网站模板，采用深色背景设计，集成 Swiper 轮播、GSAP 动画与 AOS 滚动动画，适合快速搭建 AI 相关企业的官网、作品集或服务介绍页面。
技术栈
- Bootstrap 5（布局与组件）
- jQuery（DOM 操作与交互）
- Swiper（轮播与走马灯）
- GSAP + ScrollTrigger（高级动画）
- AOS（滚动淡入动画）
- Manrope 字体（Google Fonts）
项目结构
text
botsaihtml-10/bots-main/
├── Documentation/ # 官方文档
└── bots/
├── index.html # 首页入口
├── about.html # 关于我们
├── blog.html # 博客列表
├── contact.html # 联系页面
├── faq.html # FAQ
├── pricing.html # 定价页
├── projects.html # 案例展示
├── services.html # 服务列表
├── team.html # 团队介绍
├── css/
│ └── style.css # 主题主样式
├── js/
│ └── main.js # 交互逻辑与动画配置
└── mail.php # 表单后端处理
核心文件说明
index.html— 首页，包含 Hero 轮播、服务滑块与团队展示css/style.css— 全局样式定义，深色主题配色，Manrope 字体js/main.js— 导航、轮播初始化、滚动粘性、offcanvas 菜单等交互mail.php— 联系表单的后端邮件发送处理news-mail.php— 订阅新闻的后端处理contact.html— 联系页，含表单提交入口
快速开始
直接用浏览器打开 bots/index.html，或通过本地服务器访问（如 Live Server、http-server 等），确保 mail.php / news-mail.php 可在 PHP 环境下正常执行。
使用建议
- 部署前需将
mail.php中的收件邮箱改为实际地址 - 模板内所有占位图片与文字需替换为真实内容后再上线
