基于 Vue 3 + TypeScript + Vite 构建的现代化官网项目。

• Vue 3 - 渐进式 JavaScript 框架
• TypeScript - 类型安全
• Vite - 快速构建工具
• Vue Router - 路由管理
• GSAP - 专业动效库
• Swiper.js - 横向滑动组件
• Tailwind CSS - 实用优先的 CSS 框架

xg-website/
├── src/
│   ├── components/
│   │   ├── layout/        # 布局组件（Header、Footer）
│   │   └── sections/      # 首页区块组件
│   ├── views/             # 页面组件
│   ├── router/            # 路由配置
│   └── assets/            # 静态资源

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

• ✅ 响应式设计（移动端优先）
• ✅ 滚动动效（GSAP ScrollTrigger）
• ✅ 横向滑动卡片（Swiper.js）
• ✅ Hero 区域淡化效果
• ✅ 多页面路由支持