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

开发 Kodev 官网首页，包含以下内容：1) 顶部导航栏（含 Logo、导航链接：首页/功能/文档/关于、深色/浅色主题切换按钮），导航栏在移动端需折叠为汉堡菜单；2) Hero 区域，展示产品 Slogan、简要描述和 CTA 按钮（'开始使用'、'查看文档'），背景使用渐变色或抽象几何图形；3) 核心特性展示区，以卡片网格布局展示 4-6 个核心特性，每个卡片包含图标（使用 lucide-react 图标库）、标题和描述文字；4) 底部 Footer，包含版权信息、快速链接和社交媒体图标。UI 设计要求：整体采用现代科技风格，主色调使用蓝紫渐变（#6366f1 到 #8b5cf6），深色模式背景色 #0f172a，浅色模式背景色 #ffffff，卡片使用圆角（border-radius: 12px）和微妙阴影，文字层级分明（标题用 font-bold text-3xl/4xl，正文用 text-base text-gray-600），所有交互元素需有 hover 过渡动画（transition-all duration-300）。页面需做 SEO meta tags 配置（通过 react-helmet-async）。响应式断点：移动端 < 768px 单列布局，平板 768-1024px 双列，桌面 > 1024px 三列或四列。