feat(site): add official product landing page

This commit is contained in:
2026-07-24 18:12:14 +08:00
parent 127dc04795
commit 141b8650eb
9 changed files with 268 additions and 3 deletions

105
apps/site/index.html Normal file
View File

@@ -0,0 +1,105 @@
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="森林AI以项目为中心的私有化智能工作台。" />
<title>森林AI · 项目驱动的智能工作台</title>
<link rel="stylesheet" href="./styles.css" />
</head>
<body>
<header class="site-header">
<a class="brand" href="#top" aria-label="森林AI首页">
<img src="./assets/senlinai-icon.svg" alt="" width="34" height="34" />
<span>森林AI</span>
</a>
<nav aria-label="主导航">
<a class="download-link" href="#download">下载</a>
<a class="login-link" href="https://agent.senlin.ai">WEB 登录</a>
</nav>
</header>
<main id="top">
<section class="hero section-shell">
<div class="hero-copy">
<p class="eyebrow">私有部署 · 团队协作 · 智能决策</p>
<h1>把工作收进项目,<br />用 AI 给出建议,<br />由人来确认结果</h1>
<p class="hero-description">森林AI 面向知识工作者与内部团队,将计划、探索数据、资料和专家对话沉淀在同一个项目空间。</p>
<div class="hero-actions">
<a class="button button-primary" href="#download">下载客户端</a>
<a class="text-action" href="https://agent.senlin.ai">WEB 登录 <span aria-hidden="true"></span></a>
</div>
<p class="hero-note">私有部署,数据自有,安全可控</p>
</div>
<div class="hero-product" aria-label="森林AI统一工作台预览">
<img src="./assets/workspace.png" alt="森林AI统一工作台展示项目、计划、AI 会话与知识资料" />
</div>
</section>
<section class="context-section section-shell">
<div class="section-heading">
<p class="section-index">01</p>
<h2>项目即上下文,<br />让所有信息回到同一处。</h2>
<p>计划、任务、笔记、资料和对话始终归属于项目。团队不必在分散工具间反复寻找背景,工作进展与知识沉淀清晰可追溯。</p>
</div>
<div class="context-points">
<article><span>项目空间</span><p>聚合目标、计划与工作动态。</p></article>
<article><span>统一工作台</span><p>跨项目掌握待办与关键进展。</p></article>
<article><span>资料可追溯</span><p>让每一份内容保留明确归属。</p></article>
</div>
</section>
<section class="showcase section-shell">
<div class="showcase-image data-preview-grid">
<figure>
<img src="./assets/explore.png" alt="森林AI探索页面集中浏览多来源数据并沉淀到项目" />
<figcaption>探索数据</figcaption>
</figure>
<figure>
<img src="./assets/documents.png" alt="森林AI项目笔记资料页面集中管理项目内文档" />
<figcaption>项目资料</figcaption>
</figure>
</div>
<div class="showcase-copy">
<p class="section-index">02</p>
<h2>探索信息,<br />沉淀为项目资料。</h2>
<p>从多个外部数据源集中浏览信息,将值得保留的内容沉淀到项目。探索不止是阅读,更是为下一步决策建立可靠的资料基础。</p>
<dl>
<div><dt>探索数据</dt><dd>按来源浏览与筛选,保留信息出处。</dd></div>
<div><dt>笔记资料</dt><dd>文档、附件和 Markdown 笔记随项目持续积累。</dd></div>
</dl>
</div>
</section>
<section class="showcase showcase-reversed section-shell">
<div class="showcase-copy">
<p class="section-index">03</p>
<h2>与专家 AI 对话,<br />建议由人确认。</h2>
<p>选择合适的专业角色在项目上下文中获得分析与建议。AI 输出先作为候选草稿呈现,只有人工确认后才会成为正式任务、笔记或资料。</p>
<div class="workflow" aria-label="受控的 AI 工作流">
<span>收集</span><i aria-hidden="true"></i><span>建议</span><i aria-hidden="true"></i><strong>确认</strong>
</div>
</div>
<div class="showcase-image">
<img src="./assets/ai-session.png" alt="森林AI专家选择与项目内 AI 会话界面" />
</div>
</section>
<section class="download-section section-shell" id="download">
<div>
<p class="eyebrow">在你的环境中,安全使用专业 AI</p>
<h2>私有部署,数据自有,<br />团队协作始终可控。</h2>
</div>
<div class="download-actions">
<a class="button button-primary" href="https://agent.senlin.ai">WEB 登录</a>
<p>客户端下载包由部署管理员提供;已有工作台可直接登录 WEB 版本。</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="brand"><img src="./assets/senlinai-icon.svg" alt="" width="24" height="24" /><span>森林AI</span></div>
<span>© 森林AI</span>
</footer>
</body>
</html>