# canhai-website

**Repository Path**: foolloof/canhai-website

## Basic Information

- **Project Name**: canhai-website
- **Description**: 餐海咨询官网项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: publish
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-09-03
- **Last Updated**: 2026-09-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 餐海咨询官网

当前阶段已实现干净的首页、导航、独立页面路由和第一版联系我们页，后续由实际内容逐页完善。

## 已完成

- 首页品牌首屏与模块导航横杠
- 八个一级菜单的独立页面路由
- 客户案例、金牌课程、实战团队的独立子页面路由
- 桌面端纯菜单下拉与移动端抽屉
- 暖白、炭灰、橙色、浅海绿色视觉变量
- 美国游学图片仅用于国际游学页面
- 联系我们页的宽幅横幅、联系表单、已确认手机号和课程报名二维码

导航数据位于 `data/navigation.ts`，头部交互位于 `components/site-header.tsx`，联系我们页由 `components/contact-page.tsx` 编排并拆分为横幅、表单、联系方式和页脚组件。各业务页面保留在 `app` 的独立目录中，避免继续把内容堆入首页。

## 技术栈

- Next.js App Router
- React
- TypeScript
- CSS Variables 与 CSS Modules

后端、课程报名和数据库在对应页面内容确认后再接入。

## 本地运行

```bash
npm install
npm run dev
```

访问 <http://localhost:3000>。

## 验证

```bash
npm run typecheck
npm run build
```

设计边界和当前路由清单见 `DESIGN.md`。