refactor: switch to free-trial/private-deploy/buyout pricing, fix feature gaps, add SEO landing + deploy config
This commit is contained in:
TradeMate Dev
@@ -0,0 +1,324 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||||
<title>TradeMate 外贸小助手 — AI 驱动的外贸全流程工作台 | 免费试用·私有化部署·买断源码</title>
|
||||
<meta name="description" content="TradeMate 外贸小助手，专为外贸 SOHO 与小微团队打造的 AI 工作台：智能中英翻译、客户挖掘、营销文案、报价单自动生成、AI 数字员工自动开发客户。支持免费试用、私有化部署与买断源码，数据私有、合规可控。" />
|
||||
<meta name="keywords" content="外贸小助手,外贸AI工具,AI翻译,客户开发,外贸营销,报价单生成,客户管理,AI数字员工,私有化部署,买断源码,外贸SOHO,外贸获客" />
|
||||
<meta name="author" content="北京宇之然科技中心" />
|
||||
<meta name="robots" content="index, follow, max-image-preview:large" />
|
||||
<meta name="theme-color" content="#1890ff" />
|
||||
<link rel="canonical" href="https://trade.yuzhiran.com/" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
|
||||
<!-- Open Graph -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:locale" content="zh_CN" />
|
||||
<meta property="og:title" content="TradeMate 外贸小助手 — AI 驱动的外贸全流程工作台" />
|
||||
<meta property="og:description" content="智能翻译·客户挖掘·营销生成·报价单·AI数字员工。免费试用 / 私有化部署 / 买断源码，数据私有合规。" />
|
||||
<meta property="og:url" content="https://trade.yuzhiran.com/" />
|
||||
<meta property="og:site_name" content="TradeMate 外贸小助手" />
|
||||
<meta property="og:image" content="https://trade.yuzhiran.com/app/static/images/yzr/yuzhiran.jpg" />
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:title" content="TradeMate 外贸小助手 — AI 驱动的外贸全流程工作台" />
|
||||
<meta name="twitter:description" content="智能翻译·客户挖掘·营销生成·报价单·AI数字员工。免费试用 / 私有化部署 / 买断源码。" />
|
||||
<meta name="twitter:image" content="https://trade.yuzhiran.com/app/static/images/yzr/yuzhiran.jpg" />
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "TradeMate 外贸小助手",
|
||||
"operatingSystem": "Web, Android, iOS, Browser Extension",
|
||||
"applicationCategory": "BusinessApplication",
|
||||
"url": "https://trade.yuzhiran.com/",
|
||||
"description": "AI 驱动的外贸全流程工作台：智能翻译、客户挖掘、营销文案、报价单生成、客户健康度与 AI 数字员工自动开发客户。",
|
||||
"offers": [
|
||||
{ "@type": "Offer", "name": "免费试用", "price": "0", "priceCurrency": "CNY" },
|
||||
{ "@type": "Offer", "name": "私有化部署", "price": "39800", "priceCurrency": "CNY", "description": "年付授权，独立部署到客户自有服务器" },
|
||||
{ "@type": "Offer", "name": "买断源码", "price": "98000", "priceCurrency": "CNY", "description": "一次性买断完整前后端源码，可二次开发" }
|
||||
],
|
||||
"publisher": { "@type": "Organization", "name": "北京宇之然科技中心", "url": "https://trade.yuzhiran.com/" }
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{ "@type": "Question", "name": "TradeMate 适合哪些人使用？", "acceptedAnswer": { "@type": "Answer", "text": "主要面向外贸 SOHO、小微外贸团队与业务员，帮助完成翻译、找客户、写营销、做报价等日常工作。" } },
|
||||
{ "@type": "Question", "name": "免费试用包含什么？", "acceptedAnswer": { "@type": "Answer", "text": "免费版提供 30 积分与每日 1000 字免费翻译，可完整体验核心功能，零门槛上手。" } },
|
||||
{ "@type": "Question", "name": "私有化部署和买断源码有什么区别？", "acceptedAnswer": { "@type": "Answer", "text": "私有化部署是按年付费的授权，系统独立部署在你的服务器、数据私有；买断源码是一次付费获得完整前后端源码，可自由二次开发、永久授权。" } },
|
||||
{ "@type": "Question", "name": "我的客户数据安全吗？", "acceptedAnswer": { "@type": "Answer", "text": "支持私有化部署，数据完全保存在你自己的服务器；公有云版本也通过 JWT 鉴权与最小化权限保护数据。" } },
|
||||
{ "@type": "Question", "name": "支持哪些平台？", "acceptedAnswer": { "@type": "Answer", "text": "提供网页工作台、移动端 H5、微信小程序与 Chrome 浏览器插件，数据账号互通。" } }
|
||||
]
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
:root { --blue:#1890ff; --blue-d:#096dd9; --ink:#1e293b; --sub:#64748b; --bg:#f6f8fb; --line:#e5e7eb; }
|
||||
* { box-sizing: border-box; }
|
||||
html { scroll-behavior: smooth; }
|
||||
body { margin:0; font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; color:var(--ink); background:var(--bg); line-height:1.7; }
|
||||
a { color:inherit; text-decoration:none; }
|
||||
.wrap { max-width:1080px; margin:0 auto; padding:0 20px; }
|
||||
header.nav { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
|
||||
.nav-in { display:flex; align-items:center; justify-content:space-between; height:62px; }
|
||||
.logo { font-weight:800; font-size:20px; color:var(--blue); display:flex; align-items:center; gap:8px; }
|
||||
.logo svg { width:28px; height:28px; }
|
||||
.nav-links { display:flex; gap:22px; font-size:15px; color:var(--sub); }
|
||||
.nav-links a:hover { color:var(--blue); }
|
||||
.nav-cta { display:flex; gap:10px; }
|
||||
.btn { display:inline-block; padding:10px 20px; border-radius:10px; font-weight:600; font-size:15px; cursor:pointer; border:1px solid transparent; }
|
||||
.btn-primary { background:linear-gradient(135deg,var(--blue),var(--blue-d)); color:#fff; }
|
||||
.btn-ghost { border-color:var(--blue); color:var(--blue); background:#fff; }
|
||||
.btn:hover { opacity:.92; }
|
||||
.hero { padding:74px 0 56px; text-align:center; background:radial-gradient(1200px 400px at 50% -10%, #e6f1ff, transparent); }
|
||||
.hero h1 { font-size:42px; line-height:1.25; margin:0 0 16px; font-weight:800; }
|
||||
.hero h1 .hl { color:var(--blue); }
|
||||
.hero p { font-size:18px; color:var(--sub); max-width:720px; margin:0 auto 28px; }
|
||||
.hero .cta-row { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
|
||||
.hero .badges { margin-top:26px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap; color:var(--sub); font-size:14px; }
|
||||
.hero .badges span { background:#fff; border:1px solid var(--line); padding:6px 14px; border-radius:999px; }
|
||||
section { padding:60px 0; }
|
||||
.sec-head { text-align:center; margin-bottom:38px; }
|
||||
.sec-head h2 { font-size:30px; margin:0 0 10px; }
|
||||
.sec-head p { color:var(--sub); margin:0; }
|
||||
.pains { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
|
||||
.card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; }
|
||||
.card h3 { margin:0 0 8px; font-size:18px; }
|
||||
.card p { margin:0; color:var(--sub); font-size:14px; }
|
||||
.pain .card { border-top:3px solid #ff7875; }
|
||||
.feat { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
|
||||
.feat .card { border-top:3px solid var(--blue); }
|
||||
.feat .ico { font-size:26px; }
|
||||
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:step; }
|
||||
.steps .card { position:relative; }
|
||||
.steps .card::before { counter-increment:step; content:counter(step); position:absolute; top:-14px; left:20px; width:30px; height:30px; background:var(--blue); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; }
|
||||
.price { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
|
||||
.price .card { display:flex; flex-direction:column; text-align:center; }
|
||||
.price .pname { font-size:20px; font-weight:700; }
|
||||
.price .pval { font-size:34px; font-weight:800; color:var(--blue); margin:10px 0; }
|
||||
.price .pval small { font-size:15px; color:var(--sub); font-weight:500; }
|
||||
.price ul { list-style:none; padding:0; margin:8px 0 18px; color:var(--sub); font-size:14px; }
|
||||
.price ul li { padding:5px 0; border-bottom:1px dashed var(--line); }
|
||||
.price .card.featured { border:2px solid var(--blue); box-shadow:0 8px 24px rgba(24,144,255,.12); }
|
||||
.price .btn { margin-top:auto; }
|
||||
.compare table { width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
|
||||
.compare th, .compare td { padding:14px 16px; text-align:left; border-bottom:1px solid var(--line); font-size:14px; }
|
||||
.compare th { background:#f1f6ff; }
|
||||
.faq details { background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 18px; margin-bottom:12px; }
|
||||
.faq summary { font-weight:600; cursor:pointer; }
|
||||
.faq p { color:var(--sub); margin:10px 0 0; }
|
||||
.cta-final { text-align:center; background:linear-gradient(135deg,var(--blue),var(--blue-d)); color:#fff; border-radius:20px; padding:48px 20px; }
|
||||
.cta-final h2 { margin:0 0 10px; }
|
||||
.cta-final p { opacity:.92; margin:0 0 22px; }
|
||||
.cta-final .btn-ghost { background:rgba(255,255,255,.15); color:#fff; border-color:#fff; }
|
||||
footer { background:#0f172a; color:#cbd5e1; padding:40px 0; font-size:14px; }
|
||||
footer a { color:#93c5fd; }
|
||||
footer .cols { display:flex; gap:40px; flex-wrap:wrap; }
|
||||
footer .cols div { min-width:160px; }
|
||||
footer h4 { color:#fff; margin:0 0 10px; font-size:15px; }
|
||||
.copyright { border-top:1px solid #1e293b; margin-top:24px; padding-top:16px; color:#94a3b8; font-size:13px; }
|
||||
@media (max-width:860px){ .pains,.feat,.price,.steps{ grid-template-columns:1fr; } .nav-links{ display:none; } .hero h1{ font-size:30px; } }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="nav">
|
||||
<div class="wrap nav-in">
|
||||
<a class="logo" href="/">
|
||||
<svg viewBox="0 0 24 24" fill="none"><rect x="2" y="2" width="20" height="20" rx="5" fill="#1890ff"/><path d="M7 15l3-4 3 3 4-6" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
TradeMate
|
||||
</a>
|
||||
<nav class="nav-links">
|
||||
<a href="#features">功能</a>
|
||||
<a href="#how">怎么用</a>
|
||||
<a href="#pricing">价格</a>
|
||||
<a href="#faq">常见问题</a>
|
||||
<a href="/app/">开始使用</a>
|
||||
</nav>
|
||||
<div class="nav-cta">
|
||||
<a class="btn btn-ghost" href="/workspace/">登录</a>
|
||||
<a class="btn btn-primary" href="/app/">免费试用</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="wrap">
|
||||
<h1>让 AI 替你跑完<span class="hl">外贸全流程</span><br/>翻译 · 找客户 · 写营销 · 做报价</h1>
|
||||
<p>TradeMate 外贸小助手，把重复活交给 AI。一个人也能像一支外贸团队一样高效获客、转化与跟进。</p>
|
||||
<div class="cta-row">
|
||||
<a class="btn btn-primary" href="/app/">免费试用</a>
|
||||
<a class="btn btn-ghost" href="#pricing">私有化部署 / 买断源码</a>
|
||||
</div>
|
||||
<div class="badges">
|
||||
<span>🌐 中英等多语翻译</span>
|
||||
<span>🤖 AI 数字员工自动开发客户</span>
|
||||
<span>🔒 支持私有化部署·数据私有</span>
|
||||
<span>🧩 网页 / H5 / 小程序 / 插件</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="pains">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>做外贸，这些事最耗你时间</h2><p>不是你不够努力，是工具没帮你把重复活自动化</p></div>
|
||||
<div class="pains">
|
||||
<div class="card pain"><h3>翻译来回复制粘贴</h3><p>询盘、邮件、资料中英切换，每天大量时间耗在基础翻译上。</p></div>
|
||||
<div class="card pain"><h3>找不到靠谱客户</h3><p>Google 翻页、手动筛选，获客效率低、线索质量不稳。</p></div>
|
||||
<div class="card pain"><h3>营销文案写不动</h3><p>开发信、社媒文案反复憋，风格不统一、回复率低。</p></div>
|
||||
<div class="card pain"><h3>报价单手工拼</h3><p>从询盘到报价单复制粘贴，易错、慢、难追踪。</p></div>
|
||||
<div class="card pain"><h3>客户跟进靠记忆</h3><p>沉默客户没提醒，跟进断层，到手的单也容易飞。</p></div>
|
||||
<div class="card pain"><h3>团队协作用表格</h3><p>客户表满天飞，数据分散、权限混乱、难沉淀。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="features" style="background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>一个工作台，覆盖外贸全流程</h2><p>从沟通到成交，AI 在每一步帮你提速</p></div>
|
||||
<div class="feat">
|
||||
<div class="card"><div class="ico">🌐</div><h3>智能翻译 / 回复</h3><p>中英等多语互译，按询盘一键生成多风格专业回复。</p></div>
|
||||
<div class="card"><div class="ico">🔍</div><h3>AI 客户挖掘</h3><p>基于产品与市场的智能搜索，自动提取邮箱/电话/WhatsApp。</p></div>
|
||||
<div class="card"><div class="ico">✍️</div><h3>营销文案生成</h3><p>开发信、社媒、关键词、竞品分析，多风格一键产出。</p></div>
|
||||
<div class="card"><div class="ico">🧾</div><h3>报价单自动生成</h3><p>从询盘自动生成报价单，多币种、状态可追踪。</p></div>
|
||||
<div class="card"><div class="ico">💡</div><h3>客户健康度</h3><p>沉默客户提醒、互动分析，帮你及时跟进不漏单。</p></div>
|
||||
<div class="card"><div class="ico">🤖</div><h3>AI 数字员工</h3><p>输入产品+市场，自动 搜索→分析→触达→沉淀高匹配客户。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="how">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>四步上手，当天见效</h2><p>无需培训，打开就能用</p></div>
|
||||
<div class="steps">
|
||||
<div class="card"><h3>注册 / 游客体验</h3><p>手机号或游客模式，免费体验核心功能。</p></div>
|
||||
<div class="card"><h3>导入客户与产品</h3><p>录入产品或客户，AI 即刻理解你的业务上下文。</p></div>
|
||||
<div class="card"><h3>用 AI 做日常</h3><p>翻译、写营销、生成报价、让数字员工去开发客户。</p></div>
|
||||
<div class="card"><h3>跟进与转化</h3><p>健康度提醒 + 智能跟进，把线索变成订单。</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="pricing" style="background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>三种方式，按需选择</h2><p>公有云免费起步，企业可私有化或买断，数据自主可控</p></div>
|
||||
<div class="price">
|
||||
<div class="card">
|
||||
<div class="pname">免费试用</div>
|
||||
<div class="pval">¥0</div>
|
||||
<ul>
|
||||
<li>30 积分（一次性）</li>
|
||||
<li>每日 1000 字免费翻译</li>
|
||||
<li>翻译 / 回复 / 客户发现 / 营销</li>
|
||||
<li>网页端 · 插件 · 小程序通用</li>
|
||||
</ul>
|
||||
<a class="btn btn-ghost" href="/app/">免费使用</a>
|
||||
</div>
|
||||
<div class="card featured">
|
||||
<div class="pname">私有化部署</div>
|
||||
<div class="pval">¥39,800<small>/年</small></div>
|
||||
<ul>
|
||||
<li>独立部署到你的服务器</li>
|
||||
<li>数据完全私有、安全合规</li>
|
||||
<li>不限账号与调用量</li>
|
||||
<li>对接自有 AI 模型 · 一年支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-primary" href="#contact">申请部署</a>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="pname">买断源码</div>
|
||||
<div class="pval">¥98,000<small>/一次性</small></div>
|
||||
<ul>
|
||||
<li>完整前后端源码</li>
|
||||
<li>可自由二次开发</li>
|
||||
<li>永久授权 · 无后续费用</li>
|
||||
<li>文档与社区支持</li>
|
||||
</ul>
|
||||
<a class="btn btn-ghost" href="#contact">咨询买断</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="compare">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>为什么选 TradeMate</h2></div>
|
||||
<div class="compare">
|
||||
<table>
|
||||
<thead><tr><th>能力</th><th>TradeMate</th><th>纯人工 / 通用工具</th></tr></thead>
|
||||
<tbody>
|
||||
<tr><td>翻译 + 回复</td><td>AI 贴合外贸语境，一键多风格</td><td>复制粘贴、风格不一</td></tr>
|
||||
<tr><td>客户开发</td><td>AI 数字员工自动搜索→触达→沉淀</td><td>手动翻页、效率低</td></tr>
|
||||
<tr><td>营销文案</td><td>开发信/社媒/关键词批量生成</td><td>逐条手写、耗时</td></tr>
|
||||
<tr><td>数据归属</td><td>支持私有化部署，数据私有</td><td>依赖第三方、不可控</td></tr>
|
||||
<tr><td>多端协同</td><td>网页/H5/小程序/插件互通</td><td>工具割裂、难协同</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="faq">
|
||||
<div class="wrap">
|
||||
<div class="sec-head"><h2>常见问题</h2></div>
|
||||
<div class="faq">
|
||||
<details open><summary>TradeMate 适合哪些人使用？</summary><p>主要面向外贸 SOHO、小微外贸团队与业务员，帮助完成翻译、找客户、写营销、做报价等日常工作。</p></details>
|
||||
<details><summary>免费试用包含什么？</summary><p>免费版提供 30 积分与每日 1000 字免费翻译，可完整体验核心功能，零门槛上手。</p></details>
|
||||
<details><summary>私有化部署和买断源码有什么区别？</summary><p>私有化部署是按年付费的授权，系统独立部署在你的服务器、数据私有；买断源码是一次付费获得完整前后端源码，可自由二次开发、永久授权。</p></details>
|
||||
<details><summary>我的客户数据安全吗？</summary><p>支持私有化部署，数据完全保存在你自己的服务器；公有云版本也通过 JWT 鉴权与最小化权限保护数据。</p></details>
|
||||
<details><summary>支持哪些平台？</summary><p>提供网页工作台、移动端 H5、微信小程序与 Chrome 浏览器插件，数据账号互通。</p></details>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact">
|
||||
<div class="wrap">
|
||||
<div class="cta-final">
|
||||
<h2>现在就开始，让 AI 帮你跑外贸</h2>
|
||||
<p>免费试用零门槛，企业可私有化部署或买断源码，数据自主、合规可控。</p>
|
||||
<div class="cta-row" style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;">
|
||||
<a class="btn btn-primary" href="/app/">免费试用</a>
|
||||
<a class="btn btn-ghost" href="/workspace/">网页工作台</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="wrap">
|
||||
<div class="cols">
|
||||
<div>
|
||||
<h4>TradeMate</h4>
|
||||
<p>AI 驱动的外贸全流程工作台</p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>产品</h4>
|
||||
<p><a href="/app/">移动端 H5</a><br/><a href="/workspace/">网页工作台</a><br/><a href="#features">功能介绍</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>价格</h4>
|
||||
<p><a href="#pricing">免费试用</a><br/><a href="#pricing">私有化部署</a><br/><a href="#pricing">买断源码</a></p>
|
||||
</div>
|
||||
<div>
|
||||
<h4>资源</h4>
|
||||
<p><a href="#faq">常见问题</a><br/><a href="/app/pages/agreement/privacy">隐私政策</a><br/><a href="/app/pages/agreement/terms">用户协议</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© 2026 北京宇之然科技中心 · TradeMate 外贸小助手 ·
|
||||
<a href="/sitemap.xml">网站地图</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user