🌐 Languages: 简体中文 | English

QQ 官网首页克隆

这是一个使用 Next.js、TypeScript 和 Tailwind CSS 重新制作的 QQ 官方网站 首页。本项目采用了流畅的动画效果和响应式设计，以还原原始网站的交互体验。

🚀 特性

• 适配桌面端和移动端的响应式设计
• 流畅的滚动动画和过渡效果
• 交互式 UI 组件
• 现代化技术栈实现
• 性能优化的资源加载

🛠️ 技术栈

• Next.js - React 框架
• TypeScript - JavaScript 的超集
• Tailwind CSS - CSS 框架
• React - UI 库

📦 安装

首先，克隆仓库：

git clone https://github.com/SnakeLil/qq-home-page.git
cd qq-home-page

然后安装依赖：

npm install
# 或者
yarn install
# 或者
pnpm install

🔧 开发

运行开发服务器：

npm run dev
# 或者
yarn dev
# 或者
pnpm dev

在浏览器中打开 http://localhost:3000 查看效果。

🌐 生产环境

构建生产版本：

npm run build
npm run start

📝 说明

这是一个学习目的的项目。它重现了 QQ 官方网站的 UI/UX，用于展示前端开发技能，不用于商业用途。

👨‍💻 作者

SnakeLil

• GitHub: @SnakeLil
• 邮箱: [email protected]

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

MIT License

Copyright (c) 2024 SnakeLil

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

⚠️ 免责声明

本项目仅用于学习目的的克隆项目。原始设计和资源的所有权利均属于腾讯 QQ。本实现与腾讯或 QQ 没有任何关联，未经维护、授权、认可或赞助。