把品牌、服务与开发者入口，收进同一个自然流动的官网。
这一版不再强调生硬的 AI 营销语言，而是通过更克制的色彩、清晰的信息结构与柔和的交互动效， 让 maiapi.io 看起来更像成熟品牌产品，同时自然承接智能客服、知识库、API 与生态入口。
Narrative
更像品牌顾问的首页叙事，而不是冷冰冰的产品堆叠。
Visual
卡片层次更干净，细节更稳，减少泛 AI 模板的既视感。
Conversion
文档、CRM 与业务平台被整理成更自然的转化路径。
1 行
JS 接入智能客服
5 个
可联动核心站点
4 层
企业级安全防护
24/7
全球业务可用入口
品牌叙事层
自然叙事 · 业务信息 · 转化引导
Interface
<section data-surface="hero">
<Card tone="warm">
<Heading>Brand Story</Heading>
<Action href="/docs">Explore</Action>
</Card>
</section>视觉方向
卡片体系、配色与动效节奏
色彩基调
Amber Sand
欢迎语气
像顾问，而不是机器人
转化路径
品牌 → 案例 → 文档 → 转化
Material Tone
偏砂岩、雾金、蓝灰，弱化霓虹科技感
Motion Rhythm
只保留轻微悬浮与入场层次，不制造噪音
Palette
更像成熟品牌，而不是通用 AI 模板
Solutions
首页不是宣传册，而是一张有温度的业务地图
官网需要同时完成三件事：自然讲清产品价值、保留足够的技术可信度、把已有业务站点串成统一品牌矩阵。
智能客服
Module导入 FAQ、文档、商品库与话术，让网站即时拥有像金牌销售一样会转化的对话式入口。
私有知识库
Module基于 RAG 的数据检索链路，让 AI 先查知识再回答，减少胡说八道，贴合企业真实业务。
开发者 API
Module把客服、计费、嵌入式组件与企业流程开放为 API，方便深度集成、自动化调用与二次开发。
生态协同
Module用官网承接品牌价值，再把访问流量引导到 CRM、云端平台、底层计算与海外业务站点形成闭环。
Data Intelligence
数据驱动决策
把导入数据转换成品牌画像、销售知识与用户问题树，形成可以直接驱动客服与运营策略的结构化资产。
Secure Runtime
安全与隔离
后端完成 JWT、AppID、Origin 与余额验证，前端只持有嵌入配置，不直接暴露高权限密钥。
Conversation Memory
多轮对话技术
通过 Context ID 持续维护会话上下文，让客服记住前文、用户偏好与业务状态，提升咨询转化率。
Developer Hub
开发者可以直接上手，企业也能无缝扩展
这个官网不是只放联系方式，而是要用更自然的节奏把用户导向文档、模板、Webhook、控制台与未来的账号体系。
推荐信息架构
API 文档入口
直接引导至 api.maiapi.io，为开发者提供统一的能力目录、认证方式与接口调试入口。
导入模板
提供 Excel、CSV、JSON 三类模板，降低企业导入知识库、商品库与常见问答的门槛。
Webhook 配置
支持对接 CRM 与自有系统，把会话结果、销售线索、工单状态回流到业务系统。
生态身份体系
为云计算平台与其他业务平台预留单点登录与统一账号体系，减少系统切换成本。
Flow Example
官网到业务系统的转化路径
1. 访客进入官网
通过首屏叙事、案例卡片与界面细节快速建立第一印象。
2. 查看开发者资源
跳转 API 文档、导入模板、代码示例与 webhook 配置说明。
3. 进入控制台
注册账号后继续进入云计算平台或私有控制台完成配置。
4. 回流 CRM
会话线索、表单、销售机会自动回流 CRM。
Embed Snippet
import { createMaiapiWidget } from "@maiapi/widget";
createMaiapiWidget({
appId: "brand-demo",
origin: "https://www.maiapi.io",
contextId: "visitor-001",
themeColor: "#d7bc8e"
});Pricing
定价应该透明、克制、容易试用
从永久免费试用开始，逐级承接从个人站点到企业并发场景，价格页既展示额度，也为后续仪表盘埋下余额与续费逻辑。
Ecosystem
用一个官网，把多个域名与产品价值串成完整生态
MAIAPI 作为品牌旗舰店应承担中枢角色：面向外部建立统一形象，对内部承接文档、控制台、CRM、Agent 产品与云服务协同。
Security
企业级客户会在这里判断你是否值得信任
既然 MAIAPI 涉及智能客服、知识库与 API，就必须在官网直接讲清楚后端校验、域名白名单、数据脱敏和租户隔离。
建议展示的技术栈
Security 01
前端嵌入组件只传递低敏配置，所有鉴权在后端完成
Security 02
强制 HTTPS 与域名白名单，防止跨站滥用 Widget
Security 03
导入链路提供敏感字段识别与脱敏选项
Security 04
租户、会话、额度、计费状态分层隔离
Roadmap
适合现在这次开发的落地路径
先把品牌形象、产品价值与开发者入口搭稳，再逐步接入真实业务能力，官网就能自然演变成增长型产品门户。
阶段 1
品牌官网 MVP
完成首页、解决方案、开发者入口、定价与生态导航，建立清晰的价值传达路径。
阶段 2
演示与交互增强
接入真实客服插件演示、导入模板下载、表单线索收集与预约演示流程。
阶段 3
账号与控制台联动
打通单点登录、使用额度、计费面板与数据导入控制台，形成完整转化漏斗。
阶段 4
企业能力扩展
上线私有部署、Webhook 市场、CRM 集成模板与企业级 SLA 展示。
MAIAPI 官网的核心定位是什么？
它既是品牌旗舰店，也是开发者与企业级入口，负责统一承接产品价值、技术能力和生态站点流量。
为什么首页必须突出智能客服？
因为它是最容易被用户理解与试用的核心产品能力，同时能自然带出知识库、API、CRM 集成与计费体系。
官网如何体现技术底蕴？
通过清晰展示 API 架构、数据导入、安全隔离、多轮对话和生态协同，而不是只展示营销文案。
后续最值得优先接入什么？
建议优先打通真实客服插件、文档入口与线索表单，这三者最直接影响官网转化效率。