English | 简体中文

中原纪 是一个沉浸式中原文化旅游导览 Web 应用，以河南九大文明坐标为核心，融合水墨国风视觉与现代化交互体验，带领用户穿越千年时光，探寻中原大地的文明印记。

技术	版本	说明
React	19	UI 框架
TypeScript	6	类型安全
Vite	8	构建工具
Tailwind CSS	4	原子化样式
Motion	12	动画引擎
React Router	7	路由管理
Lucide React	-	图标库
WorkBuddy	-	AI 编程助手

• tailwindcss-animate — Tailwind 动画插件
• class-variance-authority — 组件变体管理
• clsx + tailwind-merge — 类名合并工具

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

# 构建生产版本
pnpm build

# 预览构建结果
pnpm preview

src/
├── components/
│   ├── layout/       # 布局组件（导航栏、页脚等）
│   ├── sections/     # 页面区块（Hero、景点、文化遗产等）
│   └── ui/           # 通用 UI 组件（按钮、徽章、背景媒体等）
├── config/           # 站点配置与媒体资源
├── pages/            # 页面组件
└── styles/           # 全局样式