English | 简体中文

Zhongyuan Chronicle is an immersive cultural tourism web application centered on nine landmark heritage sites in Henan, China. Blending traditional Chinese ink-wash aesthetics with modern interactive experiences, it guides users through millennia of civilization in the Central Plains.

Technology	Version	Description
React	19	UI Framework
TypeScript	6	Type Safety
Vite	8	Build Tool
Tailwind CSS	4	Utility-First CSS
Motion	12	Animation Engine
React Router	7	Routing
Lucide React	-	Icon Library
WorkBuddy	-	AI Coding Assistant

• tailwindcss-animate — Tailwind animation plugin
• class-variance-authority — Component variant management
• clsx + tailwind-merge — Class name merging utilities

# Install dependencies
pnpm install

# Start dev server
pnpm dev

# Build for production
pnpm build

# Preview build output
pnpm preview

src/
├── components/
│   ├── layout/       # Layout components (navbar, footer, etc.)
│   ├── sections/     # Page sections (Hero, Sites, Heritage, etc.)
│   └── ui/           # Reusable UI components (buttons, badges, media, etc.)
├── config/           # Site configuration & media assets
├── pages/            # Page components
└── styles/           # Global styles