feat(site): redesign with product pages, ecosystem sections and pixel reveal

Add cli/code/office/platform/pricing pages, new home sections
(Ecosystem, FeatureGrid, Faq, WorkflowSteps, BottomCta, ProductEcosystem),
ScrollReveal and PixelTextReveal animation components, brand assets,
and expanded site-content.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

lib/site-content.ts

@@ -65,7 +65,7 @@ export const NAV_GROUPS: LinkGroup[] = [
     links: [
       { href: "/", label: "首页" },
       { href: "/about", label: "为什么是 DAL Code" },
-      { href: "/contact", label: "申请试用" },
+      { href: "/contact", label: "联系我们" },
     ],
   },
   {
@@ -282,3 +282,160 @@ export const SOCIAL_LINKS = [
   { label: "Blog", href: "/blog" },
   { label: "Contact", href: "/contact" },
 ]
+
+export interface ProductItem {
+  name: string
+  tagline: string
+  description: string
+  features: string[]
+  href: string
+}
+
+export const PRODUCT_ITEMS: ProductItem[] = [
+  {
+    name: "DAL Code",
+    tagline: "写代码之前，先把事情想清楚",
+    description:
+      "AI 先采访需求、再拆解任务、最后交付代码+测试+文档——不是更快的补全，是更完整的工程闭环。",
+    features: ["Intent Capture", "Mission Mode", "Smart Routing", "Diff 审批"],
+    href: "/code",
+  },
+  {
+    name: "DAL CLI",
+    tagline: "终端不退出，AI 已就位",
+    description:
+      "同样的意图引导和多模型路由，跑在你最顺手的 shell 里。带上自己的 Key，离线也能用。",
+    features: ["Shell 集成", "Task 管道", "BYOK 直连", "离线可用"],
+    href: "/cli",
+  },
+  {
+    name: "DAL Office",
+    tagline: "文档也该有 AI 原生体验",
+    description:
+      "文字、表格、演示文稿——内置 AI 辅助起草、数据洞察和版式生成，非技术团队也能高效产出。",
+    features: ["智能排版", "数据洞察", "演示生成", "协作审批"],
+    href: "/office",
+  },
+  {
+    name: "DeepAILab API",
+    tagline: "一层路由，连通所有模型",
+    description:
+      "20+ 供应商、统一密钥管理、按任务自动选模型。成本和质量不再是二选一。",
+    features: ["模型路由", "用量分析", "Key 管理", "审计日志"],
+    href: "/platform",
+  },
+]
+
+export interface WorkflowStep {
+  number: string
+  name: string
+  title: string
+  description: string
+}
+
+export const WORKFLOW_ITEMS: WorkflowStep[] = [
+  {
+    number: "01",
+    name: "Intent Capture",
+    title: "你说方向，AI 来追问细节",
+    description:
+      "别再纠结怎么写 prompt。AI 会用结构化问题把你的模糊想法收敛成可执行的工程规格。",
+  },
+  {
+    number: "02",
+    name: "Smart Routing",
+    title: "每个子任务，自动选对模型",
+    description:
+      "架构设计用强模型，格式化用快模型。路由策略统一管控，质量和成本不再互相妥协。",
+  },
+  {
+    number: "03",
+    name: "Engineering Delivery",
+    title: "代码、测试、文档，一次交付",
+    description:
+      "不是丢一段代码让你自己善后。测试、文档、变更审批全在一条流水线上，过程透明可回溯。",
+  },
+]
+
+export interface FeatureItem {
+  title: string
+  description: string
+}
+
+export const FEATURE_ITEMS: FeatureItem[] = [
+  {
+    title: "意图引导",
+    description: "AI 先问你想做什么，不是等你写出完美的技术指令",
+  },
+  {
+    title: "多模型路由",
+    description: "Claude 做推理，Haiku 做分类——按任务特征自动匹配，不用你手动切换",
+  },
+  {
+    title: "Mission Mode",
+    description: "一个目标拆成十步计划，逐步推进，关键节点等你确认再继续",
+  },
+  {
+    title: "上下文压缩",
+    description: "对话再长也不丢关键信息，五层压缩策略让 token 花在刀刃上",
+  },
+  {
+    title: "Skills 引擎",
+    description: "把团队最佳实践封装成可复用工作流，新人上手即用",
+  },
+  {
+    title: "开源客户端",
+    description: "核心代码开源，数据路径透明，危险操作必须经过审批",
+  },
+]
+
+export interface AdvantageItem {
+  title: string
+  description: string
+}
+
+export const PLATFORM_ADVANTAGES: AdvantageItem[] = [
+  {
+    title: "一个账户，全线产品",
+    description:
+      "Code、CLI、Office、API——登录一次，额度共享，体验连贯。",
+  },
+  {
+    title: "Bring Your Own Key",
+    description:
+      "你的 Key 直连 OpenAI、Anthropic、Google，请求不绕路、数据不留痕。",
+  },
+  {
+    title: "企业级治理",
+    description:
+      "SSO、审计日志、用量配额、私有化部署——合规不是附加功能，是默认配置。",
+  },
+]
+
+export const HOME_FAQS: FaqItem[] = [
+  {
+    question: "和 Cursor、Windsurf 这些工具有什么本质区别？",
+    answer:
+      "它们优化的是「写代码更快」，DAL Code 解决的是「写什么代码」。核心差异在 Intent Capture——AI 先采访需求，再拆解、执行、审批，交付的是工程结果而不是代码片段。",
+  },
+  {
+    question: "多模型路由听起来复杂，实际用起来呢？",
+    answer:
+      "对用户完全透明。你只管提需求，系统自动决定哪个子任务用哪个模型——推理用强模型，格式化用快模型。团队统一管控策略，不用每个人自己选模型。",
+  },
+  {
+    question: "BYOK 模式下数据经过你们的服务器吗？",
+    answer:
+      "不经过。你的 API Key 直连模型供应商，我们看不到请求内容。客户端开源，数据路径可以自行审计。",
+  },
+  {
+    question: "产品现在能用吗？",
+    answer:
+      "核心工作流已可用，正在和早期用户一起迭代。适合有明确场景的团队先跑起来，边用边打磨。",
+  },
+  {
+    question: "企业私有化部署怎么开始？",
+    answer:
+      "从一个约束清晰的场景切入，验证效果后逐步扩展。联系团队聊具体需求，我们会给出落地方案。",
+  },
+]