# 力法尔推广

**Repository Path**: greenphp/lifal-promotion

## Basic Information

- **Project Name**: 力法尔推广
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-23
- **Last Updated**: 2026-03-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 力法尔教育官网 2.0

> 专注于 AI 职业技能培训的现代化官方网站

**在线演示**: [待部署]  
**技术栈**: Next.js 16 + TypeScript + Tailwind CSS + Prisma + MySQL

---

## 📋 项目简介

力法尔教育官网 2.0 是一个完整的培训机构官方网站，包含 5 门 AI 相关课程的展示和咨询转化功能。

### 核心功能
- ✅ 现代化首页（Hero、产品展示、学校介绍、在线表单、联系方式）
- ✅ 5 门课程详情页（视觉冲击力大图、9 大区块设计）
- ✅ 产品列表页
- ✅ 关于我们
- ✅ 联系我们
- ✅ 在线报价表单（数据库存储）
- ✅ 悬浮客服按钮
- ✅ 响应式设计（桌面/平板/移动完美适配）

### 5 门课程
1. 🎨 **AIGC 新媒体培训** - AI 内容创作全流程
2. 🎭 **AI 漫剧培训** - AI 漫画与漫剧创作
3. 🎬 **AI 短剧培训** - AI 短剧制作与运营
4. 🧠 **AI 训练师** - 人工智能训练师职业技能（新增）
5. 💻 **AI 智能应用开发** - AI Agent/API 应用开发（新增）

---

## 🚀 快速开始

### 环境要求
- Node.js 18+ 
- MySQL 8.0+
- npm 或 yarn

### 安装依赖
```bash
npm install
```

### 配置数据库
1. 创建 MySQL 数据库
```sql
CREATE DATABASE lifaler CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
```

2. 复制环境变量文件
```bash
cp .env.example .env
```

3. 编辑 `.env` 文件，配置数据库连接
```env
DATABASE_URL="mysql://user:password@localhost:3306/lifaler"
```

4. 执行数据库迁移
```bash
npx prisma migrate dev
npx prisma generate
```

### 启动开发服务器
```bash
npm run dev
```

访问 [http://localhost:3000](http://localhost:3000)

---

## 📁 项目结构

```
lifaler-website/
├── src/
│   ├── app/                      # Next.js App Router
│   │   ├── page.tsx              # 首页
│   │   ├── layout.tsx            # 全局布局
│   │   ├── products/             # 产品相关页面
│   │   │   ├── page.tsx          # 产品列表
│   │   │   └── [slug]/           # 产品详情（动态路由）
│   │   ├── about/                # 关于我们
│   │   ├── contact/              # 联系我们
│   │   ├── success/              # 提交成功页
│   │   ├── privacy/              # 隐私政策
│   │   ├── terms/                # 服务条款
│   │   └── api/                  # API 路由
│   │       └── submit-lead/      # 表单提交
│   ├── components/               # React 组件
│   │   ├── layout/               # 布局组件
│   │   │   ├── Header.tsx
│   │   │   ├── Footer.tsx
│   │   │   └── FloatingServiceButton.tsx
│   │   └── sections/             # 页面区块组件
│   │       ├── HeroSection.tsx
│   │       ├── ProductsSection.tsx
│   │       ├── AboutSection.tsx
│   │       ├── ContactSection.tsx
│   │       ├── LeadFormSection.tsx
│   │       └── course/           # 课程详情页区块
│   │           ├── HeroSection.tsx
│   │           ├── FeaturesSection.tsx
│   │           ├── VideoSection.tsx
│   │           ├── CurriculumSection.tsx
│   │           ├── PortfolioSection.tsx
│   │           ├── IndustrySection.tsx
│   │           ├── TeachersSection.tsx
│   │           ├── AdvantagesSection.tsx
│   │           └── FloatingForm.tsx
│   ├── data/                     # 数据文件
│   │   └── courses.ts            # 课程数据
│   └── lib/                      # 工具函数
│       └── prisma.ts             # Prisma 客户端
├── prisma/                       # 数据库 Schema
│   ├── schema.prisma
│   └── migrations/
├── public/                       # 静态资源
├── tailwind.config.ts            # Tailwind 配置
└── package.json
```

---

## 🎨 设计特点

### 视觉风格
- **主色调**: 活力橙 (#F97316)
- **设计风格**: 现代简约、专业可信、AI 科技感
- **大图展示**: 全宽 Hero、高质量课程封面、学员作品

### 响应式断点
- 移动：< 768px
- 平板：768-1023px
- 桌面：≥ 1024px

### 转化优化
- 多处 CTA 按钮
- 悬浮咨询表单
- 社会证明展示（学员数、就业率、合作企业）
- 紧迫感设计（限时优惠、名额有限）

---

## 📦 数据库设计

### Lead 表（表单提交）
```prisma
model Lead {
  id        Int      @id @default(autoincrement())
  name      String   // 称呼
  phone     String   // 手机号
  course    String?  // 意向课程
  createdAt DateTime @default(now())
}
```

---

## ️ 技术栈

| 分类 | 技术 |
|------|------|
| **框架** | Next.js 16 (App Router) |
| **语言** | TypeScript |
| **样式** | Tailwind CSS |
| **数据库** | MySQL 8.0 |
| **ORM** | Prisma |
| **部署** | 阿里云 ECS + Docker |

---

## 📄 页面列表

### P0 - 核心页面
- [x] 首页 `/`
- [x] 产品列表 `/products`
- [x] AIGC 新媒体详情 `/products/aigc-newmedia`
- [x] AI 漫剧详情 `/products/ai-comic`
- [x] AI 短剧详情 `/products/ai-drama`
- [x] AI 训练师详情 `/products/ai-trainer`
- [x] AI 应用开发详情 `/products/ai-app-dev`
- [x] 关于我们 `/about`
- [x] 联系我们 `/contact`
- [x] 提交成功 `/success`

### P1 - 其他页面
- [x] 404 页面 `/not-found`
- [x] 隐私政策 `/privacy`
- [x] 服务条款 `/terms`

---

## 🚀 部署

### 本地构建
```bash
npm run build
npm run start
```

### 阿里云部署（待实施）
1. 购买 ECS 服务器
2. 安装 Docker
3. 构建镜像并运行
4. 配置 Nginx 反向代理
5. 配置 HTTPS 证书

---

## 📞 联系方式

**公司名称**: 北京市力法尔职业技能培训通州学校有限责任公司  
**地址**: 北京市通州区九棵树西路 92 号东文创 9 号楼 206 室  
**电话**: 010-61006389  

---

## 📝 开发日志

### v2.0 - 2026-03-23
- ✅ 完整网站开发（11 个页面）
- ✅ 5 门课程详情页（9 大区块设计）
- ✅ 视觉冲击力大图展示
- ✅ 响应式设计
- ✅ 表单提交功能
- ✅ 数据库集成

### v1.0 - 2026-03-23 (旧版)
- 基础首页
- 3 门课程
- 简单表单

---

## 📄 License

Copyright © 2026 力法尔教育