科技公司官网模板

此模板是一个通用的科技公司官网模板，你可以通过修改文案、图片、颜色快速搭建属于自己的公司官网。

技术栈为：Next.js + Tailwind CSS，并支持国际化。

特性

主色调：在src/styles/globals.css修改主题色调

替换图片：在public/images/下替换

本项目使用了 next-i18next 进行国际化。

页面中根据页面 path 中的语言参数判断语言，如需新增语种，在public/locales/下新增对应语种的文件夹，例如：public/locales/ja。目前仅支持中文和英文，所有翻译文件存储在public/locales/zh和 public/locales/en。

代码内使用翻译项键值查询到对应的翻译文案进行展示，如需修改，在public/locales/下查询到对应键值的文案进行修改即可。

在public/locales/en和public/locales/zh目录下，添加或修改对应页面的翻译文件，例如：

public/locales/en/contact.json 和 public/locales/zh/contact.json 用于联系我们页面的翻译。
public/locales/en/about.json 和 public/locales/zh/about.json 用于关于我们页面的翻译。
public/locales/en/aboutData.json 和 public/locales/zh/aboutData.json 用于关于我们页面里工作人员信息的翻译。
public/locales/en/partners.json 和 public/locales/zh/partners.json 用于合作伙伴页面文案的翻译。
public/locales/en/partnersData.json 和 public/locales/zh/partnersData.json 用于合作伙伴页面内合作伙伴列表的翻译。
public/locales/en/contact.json 和 src/pages/en/contact.tsx 用于联系我们页面的翻译。
public/locales/en/about.json 和 src/pages/en/about.tsx 用于关于我们页面的翻译。
public/locales/en/partners.json 和 src/pages/en/partners.tsx 用于合作伙伴页面的翻译。
public/locales/en/news.json 和 src/pages/en/news.tsx 用于新闻中心页面的翻译。
public/locales/en/projects.json 和 public/locales/zh/projects.json 用于项目页面中项目列表的翻译。

确保每个页面的翻译文件都包含了对应的翻译内容，以便在不同语言环境下正确显示。

此模板使用 Web3Forms 实现联系表单的邮件发送功能。要启用联系表单的邮件发送：

获取 Web3Forms API Key：
- 访问 Web3Forms
- 点击 "Get Access Key"
- 输入您的邮箱地址
- 检查邮箱获取 API Key
配置环境变量：在项目根目录创建 .env.local 文件并添加：
```
NEXT_PUBLIC_WEB3FORMS_KEY=your_api_key_here
```
测试联系表单：
- 启动开发服务器：npm run dev
- 访问联系页面
- 填写并提交表单
- 检查是否收到邮件