Kodev 官方网站建设 (Next.js + Tailwind)

开发 Kodev 官网首页，包含以下内容和UI要求：

页面结构：

1. 顶部导航栏（Logo + 导航链接：首页/功能/文档/关于 + 深色/浅色主题切换按钮），桌面端水平排列，移动端汉堡菜单
2. Hero 区域：大标题介绍 Kodev 产品定位，副标题简短描述核心价值，两个 CTA 按钮（'立即体验' 主按钮 + '查看文档' 次按钮），背景使用渐变色或抽象几何图形装饰
3. 核心特性展示区：以 3~4 列卡片网格布局展示产品核心特性，每张卡片包含图标、标题和简短描述，移动端改为单列堆叠
4. 底部 Footer：版权信息、快速链接、社交媒体图标

UI设计要求：

• 主色调使用科技蓝(#2563EB)，辅助色使用靛蓝(#4F46E5)
• 深色主题背景使用 #0F172A，浅色主题背景使用 #FFFFFF
• 所有交互元素需有 hover/focus 状态反馈
• 使用 Tailwind CSS 实现响应式布局，断点：sm(640px), md(768px), lg(1024px)
• 页面切换和元素出现使用平滑过渡动画
• 字体使用 Inter 或系统默认无衬线字体

技术要求：

• 使用 React Router 配置路由
• 实现深色/浅色主题切换（使用 React Context + Tailwind dark mode）
• 提取公共布局组件（Header、Footer）供所有页面复用
• 配置 SEO meta tags（使用 react-helmet-async）
• 首页数据从后端 API 获取（GET /api/v1/pages/home）