Leon-in
97db9ee8c7
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>
442 lines
14 KiB
TypeScript
442 lines
14 KiB
TypeScript
export interface NavLink {
|
|
href: string
|
|
label: string
|
|
}
|
|
|
|
export interface LinkGroup {
|
|
title: string
|
|
links: NavLink[]
|
|
}
|
|
|
|
export interface StatItem {
|
|
value: string
|
|
label: string
|
|
}
|
|
|
|
export interface IntegrationItem {
|
|
label: string
|
|
icon: string
|
|
}
|
|
|
|
export interface PrincipleItem {
|
|
title: string
|
|
description: string
|
|
animation: string
|
|
}
|
|
|
|
export interface ValueItem {
|
|
title: string
|
|
icon: string
|
|
}
|
|
|
|
export interface PersonaItem {
|
|
title: string
|
|
description: string
|
|
}
|
|
|
|
export interface ContactChannel {
|
|
title: string
|
|
value: string
|
|
description: string
|
|
href: string
|
|
}
|
|
|
|
export interface FaqItem {
|
|
question: string
|
|
answer: string
|
|
}
|
|
|
|
export const SITE_NAME = "DAL Code"
|
|
export const SITE_BRAND = "DAL Code by DeepAILab"
|
|
export const SITE_TAGLINE = "AI-Guided Intent-to-Code Platform"
|
|
export const SITE_DESCRIPTION =
|
|
"让模糊需求先被 AI 问清楚，再把它变成代码、测试、文档和可审核的工程结果。"
|
|
|
|
export const NAV_LINKS: NavLink[] = [
|
|
{ href: "/", label: "首页" },
|
|
{ href: "/about", label: "产品定位" },
|
|
{ href: "/blog", label: "洞察" },
|
|
{ href: "/contact", label: "联系" },
|
|
]
|
|
|
|
export const NAV_GROUPS: LinkGroup[] = [
|
|
{
|
|
title: "产品",
|
|
links: [
|
|
{ href: "/", label: "首页" },
|
|
{ href: "/about", label: "为什么是 DAL Code" },
|
|
{ href: "/contact", label: "联系我们" },
|
|
],
|
|
},
|
|
{
|
|
title: "内容",
|
|
links: [
|
|
{ href: "/blog", label: "产品洞察" },
|
|
{ href: "/careers", label: "建设中的角色" },
|
|
],
|
|
},
|
|
]
|
|
|
|
export const FOOTER_GROUPS: LinkGroup[] = [
|
|
{
|
|
title: "产品",
|
|
links: [
|
|
{ href: "/", label: "首页" },
|
|
{ href: "/about", label: "定位与能力" },
|
|
{ href: "/contact", label: "联系团队" },
|
|
],
|
|
},
|
|
{
|
|
title: "资源",
|
|
links: [
|
|
{ href: "/blog", label: "产品文章" },
|
|
{ href: "/careers", label: "角色方向" },
|
|
{ href: "/coming-soon", label: "路线图" },
|
|
],
|
|
},
|
|
]
|
|
|
|
export const COMPANY_STATS: StatItem[] = [
|
|
{ value: "20+", label: "可智能路由的模型" },
|
|
{ value: "3", label: "协作模式" },
|
|
{ value: "5", label: "上下文压缩层级" },
|
|
{ value: "Open", label: "客户端开源策略" },
|
|
]
|
|
|
|
export const INTEGRATION_ITEMS: IntegrationItem[] = [
|
|
{
|
|
label: "Desktop IDE",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6dd871d459c0979566_integration-icon-01-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Web Workspace",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6cf5972224012a489b_integration-icon-02-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Mobile Review",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6c26ffe1a8726e9533_integration-icon-03-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Mission Planner",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6cf394ef82f934055b_integration-icon-04-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Skills Engine",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6c880d199c46c914ff_integration-icon-05-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Context Engine",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70c337055b4648809b_integration-icon-06-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "RAG",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70e3d7d6153e132c82_integration-icon-07-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Terminal + Git",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70d20bb145ee19163a_integration-icon-08-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Diff Review",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6e0bb9fa69c599d6b3_integration-icon-10-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Permission Flow",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b70a151641726e87b52_integration-icon-11-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Tool Runtime",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6e925ff15bf5fa0586_integration-icon-12-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
label: "Private Deploy",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68cd8b6de0050ea1d7414790_integration-icon-13-quantum-webflow-template.svg",
|
|
},
|
|
]
|
|
|
|
export const HOME_PRINCIPLES: PrincipleItem[] = [
|
|
{
|
|
title: "Intent Capture",
|
|
description:
|
|
"不是等用户写出完美 prompt，而是由 AI 用结构化问题把需求澄清成工程任务。",
|
|
animation:
|
|
"/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d66f46dd336c7d633316_velocity-quantum-webflow-template-top-to-bottom.json",
|
|
},
|
|
{
|
|
title: "Smart Routing",
|
|
description:
|
|
"同一个工作流里的不同子任务自动选择最优模型，在质量、速度和成本之间动态平衡。",
|
|
animation:
|
|
"/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d6cf4cfbc189da50f80b_generality-quantum-webflow-template-top-to-bottom.json",
|
|
},
|
|
{
|
|
title: "Open Core Trust",
|
|
description:
|
|
"客户端开源、数据路径透明、危险操作可审批，既给个人开发者效率，也给团队可审计性。",
|
|
animation:
|
|
"/assets/cdn-prod-website-files-com/68a342b7066c56fa60eb3af1/68d1d6a76e480413794c2aa3_intelect-quantum-webflow-template-top-to-bottom.json",
|
|
},
|
|
]
|
|
|
|
export const ABOUT_VALUES: ValueItem[] = [
|
|
{
|
|
title: "透明可审计",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598eeb838c974f3def70a_accuracy-icon-quantum-webflow-template-1.svg",
|
|
},
|
|
{
|
|
title: "中文优先",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f0e3caa08df665212f_trust-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "多模型务实主义",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f1f8443cbbcf767239_intellect-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "端到端自动化",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f00141b9ac31a01989_velocity-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "安全默认开启",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598eefda8dc1927236eb3_clarity-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "企业可落地",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598f04600b3080cab823c_scalability-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "工程质量优先",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598ed8d91f474a2d4ecdc_excellence-icon-quantum-webflow-template.svg",
|
|
},
|
|
{
|
|
title: "知识可复用",
|
|
icon: "/assets/wubflow-shield-nocodexport-dev/68a342b7066c56fa60eb3af1/68a598ed19f8b3ed79933a38_communication-icon-quantum-webflow-template.svg",
|
|
},
|
|
]
|
|
|
|
export const TARGET_PERSONAS: PersonaItem[] = [
|
|
{
|
|
title: "独立开发者",
|
|
description: "需要一个真正能接手样板代码、重构和测试的 AI 编程搭档。",
|
|
},
|
|
{
|
|
title: "团队 Lead",
|
|
description: "想统一模型策略、控制成本，并让 Agent 输出过程可审查。",
|
|
},
|
|
{
|
|
title: "非技术创业者",
|
|
description: "不想学习 prompt engineering，更想让 AI 先把需求问清楚。",
|
|
},
|
|
{
|
|
title: "企业 CTO",
|
|
description: "关心私有化部署、SSO、审计日志和与现有知识库的连接能力。",
|
|
},
|
|
]
|
|
|
|
export const CONTACT_CHANNELS: ContactChannel[] = [
|
|
{
|
|
title: "产品咨询",
|
|
value: "申请产品演示与试用方向沟通",
|
|
description: "适合想了解 DAL Code 产品定位、路线图和早期试用机会的团队。",
|
|
href: "#contact-form",
|
|
},
|
|
{
|
|
title: "企业方案",
|
|
value: "私有化部署 / 团队采购 / 安全合规",
|
|
description: "适合关注多模型路由、私有部署和审批流的技术负责人。",
|
|
href: "#contact-form",
|
|
},
|
|
{
|
|
title: "生态合作",
|
|
value: "Skills / 插件 / 社区共建",
|
|
description: "适合希望围绕 DAL Code 一起构建工作流、模板和生态能力的伙伴。",
|
|
href: "https://deepailab.com",
|
|
},
|
|
]
|
|
|
|
export const CONTACT_FAQS: FaqItem[] = [
|
|
{
|
|
question: "DAL Code 和 Cursor / Codex 的核心区别是什么？",
|
|
answer:
|
|
"DAL Code 的重点不是让用户写更好的 prompt，而是让 AI 先把需求问清楚，再把任务拆解、执行和交付。",
|
|
},
|
|
{
|
|
question: "多模型路由会影响团队的稳定性吗？",
|
|
answer:
|
|
"不会。模型选择由统一策略控制，任务类型、成本预算和延迟阈值都会被显式纳入路由决策。",
|
|
},
|
|
{
|
|
question: "你们支持企业私有化和审计吗？",
|
|
answer:
|
|
"这是产品路线里的重点方向。官网当前版本展示的是目标能力，实际合作可以先从约束清晰的场景开始落地。",
|
|
},
|
|
{
|
|
question: "DAL Code 的 Skills 是什么？",
|
|
answer:
|
|
"Skills 不是 prompt 模板，而是把经验封装成可复用的引导式工作流，让 AI 能主动采访、验证和执行。",
|
|
},
|
|
]
|
|
|
|
export const SOCIAL_LINKS = [
|
|
{ label: "DeepAILab", href: "https://deepailab.com" },
|
|
{ label: "GitHub", href: "https://github.com" },
|
|
{ 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:
|
|
"从一个约束清晰的场景切入，验证效果后逐步扩展。联系团队聊具体需求，我们会给出落地方案。",
|
|
},
|
|
]
|