🌌 Aurora Landing

一个现代、优雅且动画丰富的落地页模板，基于 Next.js 13+、Tailwind CSS 和 Framer Motion 构建。

English · 演示 Demo · 问题反馈

✨ 特性

• 📱 响应式设计，完美适配各种设备
• 🎨 现代化 UI/UX 设计
• 🌈 精美的渐变和动画效果
• ⚡️ Next.js 13+ App Router 架构
• 🎯 SEO 优化配置
• 🔍 TypeScript 类型安全
• 🎭 Framer Motion 动画
• 📦 组件化开发
• 🎨 可定制主题
• 📱 移动优先设计
• 🛠️ 易于定制和扩展

🚀 快速开始

环境要求

• Node.js 16.8 或更高版本
• npm 或 yarn 或 pnpm

安装

1. 克隆项目

git clone https://github.com/langgptai/aurora-landing.git
cd aurora-landing

2. 安装依赖

npm install
# 或
yarn install
# 或
pnpm install

3. 启动开发服务器

npm run dev
# 或
yarn dev
# 或
pnpm dev

4. 在浏览器中打开 http://localhost:3000

构建部署

npm run build
npm run start

🎨 定制化

修改主题

编辑 tailwind.config.js 文件来自定义主题颜色、字体等：

module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {...},
        secondary: {...}
      },
      // 其他配置
    }
  }
}

修改内容

主要内容在 src/components/sections 目录下：

• hero.tsx - 主视觉区域
• features.tsx - 特性展示
• developer.tsx - 开发者信息
• download.tsx - 下载区域

📁 项目结构

aurora-landing/
├── src/
│   ├── app/              # Next.js 13 App Router
│   ├── components/       # React 组件
│   │   ├── ui/          # 通用 UI 组件
│   │   ├── layout/      # 布局组件
│   │   └── sections/    # 页面区块组件
│   └── lib/             # 工具函数
├── public/              # 静态资源
├── styles/              # 全局样式
└── package.json

🛠️ 技术栈

• Next.js - React 框架
• React - UI 库
• TypeScript - 类型安全
• Tailwind CSS - 样式框架
• Framer Motion - 动画库
• Lucide Icons - 图标库
• shadcn/ui - UI 组件库

📄 License

本项目采用 MIT 开源协议。

🤝 贡献

欢迎任何形式的贡献，包括但不限于：

• 提交问题和建议
• 改进文档
• 提交代码改进
• 分享使用经验

🙏 致谢

• Next.js
• Tailwind CSS
• Framer Motion
• shadcn/ui

📮 联系我们

• GitHub：langgptai
• 微信：1796060717
• 邮箱：[email protected]

---

如果这个项目对您有帮助，欢迎给个 Star ⭐️！