feat: 商业模式官网营销升级（免费试用/私有化/源码售卖）+ 企业微信
- 新增 docs/BUSINESS_MODEL.md 商业与营销方案 - landing.html 定价重构为三模式：免费试用 / 私有化部署 / 源码售卖 - 新增「开始合作」联系区（线索表单 + 企业微信二维码 wecom-qr.jpg） - 商务邮箱更新为 contact@yuzhiran.com - deploy/README 交付建议同步三模式 - PROGRESS 记至第十八章
This commit is contained in:
yuzhiran
+180
-46
@@ -142,6 +142,32 @@
|
||||
.cta a { display: inline-block; background: #fff; color: #2563eb !important; font-size: 16px; font-weight: 700; padding: 14px 40px; border-radius: 10px; transition: all 0.25s; position: relative; }
|
||||
.cta a:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
|
||||
|
||||
/* ===== Contact / Trial ===== */
|
||||
.contact { background: #0f172a; color: #fff; padding: 80px 24px; }
|
||||
.contact .section-title { color: #fff; }
|
||||
.contact .section-subtitle { color: rgba(255,255,255,0.7); }
|
||||
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; max-width: 1000px; margin: 0 auto; align-items: start; }
|
||||
.contact-info { display: flex; flex-direction: column; gap: 20px; }
|
||||
.contact-info-item { display: flex; gap: 14px; align-items: flex-start; }
|
||||
.ci-icon { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, #2563eb, #7c3aed); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
|
||||
.ci-label { font-size: 0.8rem; color: rgba(255,255,255,0.6); }
|
||||
.ci-value { font-size: 1rem; font-weight: 600; color: #fff; }
|
||||
.ci-value a { color: #fff; }
|
||||
.contact-form { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 28px; }
|
||||
.contact-form h3 { font-size: 1.1rem; margin-bottom: 18px; color: #fff; }
|
||||
.form-row { margin-bottom: 16px; }
|
||||
.form-row label { display: block; font-size: 13px; color: rgba(255,255,255,0.7); margin-bottom: 6px; }
|
||||
.form-row input, .form-row textarea, .form-row select { width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); color: #fff; font-size: 14px; box-sizing: border-box; font-family: inherit; }
|
||||
.form-row input:focus, .form-row textarea:focus, .form-row select:focus { outline: none; border-color: #2563eb; }
|
||||
.form-row textarea { resize: vertical; min-height: 80px; }
|
||||
.contact-form .landing-btn-primary { width: 100%; text-align: center; border: none; cursor: pointer; font-size: 15px; }
|
||||
.contact-note { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-top: 12px; text-align: center; }
|
||||
.contact-note a { color: #93c5fd; }
|
||||
.wecom-qr { margin-top: 8px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 16px; text-align: center; }
|
||||
.wecom-qr img { width: 160px; height: 160px; object-fit: contain; border-radius: 12px; background: #fff; margin: 0 auto 10px; display: block; }
|
||||
.wecom-qr-cap { font-size: 0.85rem; color: rgba(255,255,255,0.7); }
|
||||
@media (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; gap: 32px; } }
|
||||
|
||||
/* ===== Footer ===== */
|
||||
.landing-footer { background: #0f172a; color: #94a3b8; padding: 64px 24px 32px; }
|
||||
.landing-footer-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
|
||||
@@ -192,7 +218,8 @@
|
||||
</div>
|
||||
<div class="landing-nav-actions">
|
||||
<a href="/login.html" class="landing-btn-login">登录</a>
|
||||
<a href="/login.html" class="landing-btn-primary">免费使用 →</a>
|
||||
<a href="#contact" class="landing-btn-login">联系销售</a>
|
||||
<a href="#pricing" class="landing-btn-primary">免费试用 →</a>
|
||||
<button class="landing-hamburger" id="hamburger" aria-label="菜单">
|
||||
<span></span><span></span><span></span>
|
||||
</button>
|
||||
@@ -203,10 +230,11 @@
|
||||
<a href="#features" class="mobile-link">产品功能</a>
|
||||
<a href="#how-it-works" class="mobile-link">工作流程</a>
|
||||
<a href="#platforms" class="mobile-link">支持平台</a>
|
||||
<a href="#pricing" class="mobile-link">定价</a>
|
||||
<a href="#pricing" class="mobile-link">合作模式</a>
|
||||
<a href="#faq" class="mobile-link">常见问题</a>
|
||||
<a href="#contact" class="mobile-link">联系销售</a>
|
||||
<a href="/login.html" class="landing-btn-login" style="text-align:center;padding:12px;margin-top:8px;">登录</a>
|
||||
<a href="/login.html" class="landing-btn-primary">免费使用 →</a>
|
||||
<a href="#pricing" class="landing-btn-primary">免费试用 →</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -218,8 +246,8 @@
|
||||
<h1>让内容在 AI 时代<br><span>主动找到你的客户</span></h1>
|
||||
<p>宇之然是一站式 AI 内容获客系统。自动生成知乎深度文、公众号叙事文、小红书干货贴——三平台差异化分发。通过 AI 搜索推荐（GEO）和独立站 SEO，让零品牌基础的团队也能持续获得精准流量。</p>
|
||||
<div class="hero-actions">
|
||||
<a href="/login.html" class="landing-btn-primary">免费开始使用 →</a>
|
||||
<a href="#features" class="landing-btn-secondary">了解产品功能</a>
|
||||
<a href="#pricing" class="landing-btn-primary">免费试用 →</a>
|
||||
<a href="#contact" class="landing-btn-secondary">预约演示 / 联系销售</a>
|
||||
</div>
|
||||
<div class="hero-stats">
|
||||
<div class="hero-stat"><div class="hero-stat-num">3</div><div class="hero-stat-label">覆盖平台</div></div>
|
||||
@@ -330,57 +358,53 @@
|
||||
<!-- Pricing -->
|
||||
<section id="pricing" class="pricing">
|
||||
<div class="container">
|
||||
<div style="text-align:center;"><span class="section-label">定价</span></div>
|
||||
<h2 class="section-title">灵活的获客方案</h2>
|
||||
<p class="section-subtitle">从小规模试验到团队级运营，总有适合你的计划</p>
|
||||
<div style="text-align:center;"><span class="section-label">合作模式</span></div>
|
||||
<h2 class="section-title">免费试用 · 私有化部署 · 源码售卖</h2>
|
||||
<p class="section-subtitle">从零成本体验到整套买断，三种方式总有一种适合你</p>
|
||||
<div class="pricing-grid">
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-name">入门版</div>
|
||||
<div class="pricing-price">¥299 <span>/月</span></div>
|
||||
<div class="pricing-desc">个人创作者试水 AI 内容获客</div>
|
||||
<div class="pricing-name">免费试用</div>
|
||||
<div class="pricing-price">¥0 <span>起</span></div>
|
||||
<div class="pricing-desc">零成本体验完整创作闭环</div>
|
||||
<ul class="pricing-features">
|
||||
<li>每月 20 篇文章生产</li>
|
||||
<li>私有化试用版 / 预约 1v1 演示</li>
|
||||
<li>限 5 篇 / 月文章生产</li>
|
||||
<li>三平台差异化内容</li>
|
||||
<li>基础 SEO 元数据注入</li>
|
||||
<li>搜索排名追踪（Bing）</li>
|
||||
<li>GEO 就绪度基础评分</li>
|
||||
<li>标准合规审查</li>
|
||||
<li>基础 AI 味检测</li>
|
||||
<li>基础 GEO 就绪度评分</li>
|
||||
<li>社区与文档支持</li>
|
||||
</ul>
|
||||
<a href="/login.html" class="landing-btn-secondary">开始试用</a>
|
||||
<a href="#contact" class="landing-btn-secondary">申请试用</a>
|
||||
</div>
|
||||
<div class="pricing-card featured">
|
||||
<div class="pricing-badge">推荐</div>
|
||||
<div class="pricing-name">专业版</div>
|
||||
<div class="pricing-price">¥799 <span>/月</span></div>
|
||||
<div class="pricing-desc">内容团队稳定获客的日常工具</div>
|
||||
<div class="pricing-badge">主力推荐</div>
|
||||
<div class="pricing-name">私有化部署</div>
|
||||
<div class="pricing-price">¥29,800 <span>起 / 买断</span></div>
|
||||
<div class="pricing-desc">一套独立部署，数据不出域，可白标</div>
|
||||
<ul class="pricing-features">
|
||||
<li>每月 100 篇文章生产</li>
|
||||
<li>三平台差异化内容</li>
|
||||
<li>高级 SEO + GEO 元数据</li>
|
||||
<li>搜索排名追踪（Bing + AI）</li>
|
||||
<li>AI 搜索引用检测</li>
|
||||
<li>GEO 就绪度完整评分（6维度）</li>
|
||||
<li>全自动定时流水线</li>
|
||||
<li>多用户协作</li>
|
||||
<li>完整功能 + 无限文章生产</li>
|
||||
<li>部署在你的自有服务器</li>
|
||||
<li>品牌白标（名称 / Logo / 主色）</li>
|
||||
<li>AI 味检测 + 合规人工闸门</li>
|
||||
<li>GEO / SEO 全维度优化</li>
|
||||
<li>多用户 / 多租户隔离</li>
|
||||
<li>年运维与更新订阅</li>
|
||||
</ul>
|
||||
<a href="/login.html" class="landing-btn-primary">开始试用</a>
|
||||
<a href="#contact" class="landing-btn-primary">获取报价</a>
|
||||
</div>
|
||||
<div class="pricing-card">
|
||||
<div class="pricing-name">企业版</div>
|
||||
<div class="pricing-price">¥2,499 <span>/月</span></div>
|
||||
<div class="pricing-desc">品牌化内容运营的完整方案</div>
|
||||
<div class="pricing-name">源码售卖</div>
|
||||
<div class="pricing-price">面议 <span>/ 授权</span></div>
|
||||
<div class="pricing-desc">一次性授权，自主迭代可控</div>
|
||||
<ul class="pricing-features">
|
||||
<li>不限文章数量</li>
|
||||
<li>所有平台差异化内容</li>
|
||||
<li>全维度 SEO + GEO 优化</li>
|
||||
<li>全平台搜索排名追踪</li>
|
||||
<li>AI 搜索引用深度分析</li>
|
||||
<li>数据看板 + 定制报告</li>
|
||||
<li>专属 LLM 模型配置</li>
|
||||
<li>API 接入</li>
|
||||
<li>专属技术支持</li>
|
||||
<li>完整源代码交付</li>
|
||||
<li>永久授权 + 年订阅支持</li>
|
||||
<li>可二次开发 / 集成</li>
|
||||
<li>含私有化部署包</li>
|
||||
<li>技术文档 + 部署指导</li>
|
||||
<li>商务定制谈价</li>
|
||||
</ul>
|
||||
<a href="/login.html" class="landing-btn-secondary">联系销售</a>
|
||||
<a href="#contact" class="landing-btn-secondary">联系销售</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -417,6 +441,22 @@
|
||||
<button class="faq-q">我的数据安全吗？</button>
|
||||
<div class="faq-a">系统支持多租户隔离（组织级数据隔离），用户只能看到自己组织的数据。部署在你的自有服务器上，数据不出你的网络。支持 JWT 认证、HTTPS、管理员权限分级管理。</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">什么是私有化部署？和 SaaS 有什么区别？</button>
|
||||
<div class="faq-a">私有化部署把整套平台装在你自己的服务器（或云主机）上，数据完全由你掌控、不出域，可彻底去掉"宇之然"品牌换成你自己的（白标）。相比公有云 SaaS，它更适合对数据合规、品牌自主有要求的 MCN、企业市场部和政务 / 行业机构。</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">可以买源码自己改吗？</button>
|
||||
<div class="faq-a">可以。源码售卖提供完整源代码（后端 FastAPI + 前端 Vue3 CDN + 部署脚本），一次性授权后你拥有永久使用权，可自主二次开发、接入内部系统，并享受年度订阅技术支持与版本更新。</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">免费试用怎么申请？</button>
|
||||
<div class="faq-a">无需信用卡。你可以申请私有化试用版（功能完整、限文章数）自行验证，或预约一次 1v1 在线演示，由我们带你走通选题→生成→AI 味检测→合规发布的完整流程。点击页面底部"申请试用"留下联系方式即可。</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<button class="faq-q">AI 生成的内容合规吗？</button>
|
||||
<div class="faq-a">合规责任在内容发布方。平台内置"不代发"原则：所有 AI 稿必须经过真人校验、手动标记发布；同时提供 AI 套话检测与软硬问题分级，确保内容可读、可溯源、符合《AI 生成合成内容标识办法》的要求。</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -425,8 +465,83 @@
|
||||
<section class="cta">
|
||||
<div class="container" style="position:relative;">
|
||||
<h2>准备好了吗？</h2>
|
||||
<p>立即开始使用宇之然，让 AI 为你的内容获取精准流量</p>
|
||||
<a href="/login.html">免费开始使用 →</a>
|
||||
<p>免费试用、私有化部署或源码采购——选一种方式，让 AI 为你的内容获取精准流量</p>
|
||||
<a href="#contact">获取专属方案 →</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact / Trial -->
|
||||
<section id="contact" class="contact">
|
||||
<div class="container">
|
||||
<div style="text-align:center;"><span class="section-label">开始合作</span></div>
|
||||
<h2 class="section-title">选一种方式，和我们聊聊</h2>
|
||||
<p class="section-subtitle">无论是免费试用、私有化部署还是源码采购，留下信息我们会在 1 个工作日内联系你</p>
|
||||
<div class="contact-grid">
|
||||
<div class="contact-info">
|
||||
<div class="contact-info-item">
|
||||
<div class="ci-icon">✉</div>
|
||||
<div>
|
||||
<div class="ci-label">商务邮箱</div>
|
||||
<div class="ci-value"><a href="mailto:contact@yuzhiran.com">contact@yuzhiran.com</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<div class="ci-icon">💬</div>
|
||||
<div>
|
||||
<div class="ci-label">微信 / 商务对接</div>
|
||||
<div class="ci-value">扫码上方企业微信二维码添加</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<div class="ci-icon">📦</div>
|
||||
<div>
|
||||
<div class="ci-label">交付形式</div>
|
||||
<div class="ci-value">私有化实例 / 源码授权 / 试用版</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-info-item">
|
||||
<div class="ci-icon">🛡</div>
|
||||
<div>
|
||||
<div class="ci-label">合规承诺</div>
|
||||
<div class="ci-value">数据不出域 · 不代发 · 人工闸门</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wecom-qr">
|
||||
<img src="/automation/images/wecom-qr.jpg" alt="企业微信二维码">
|
||||
<div class="wecom-qr-cap">企业微信扫码添加 · 备注：私有化 / 源码</div>
|
||||
</div>
|
||||
</div>
|
||||
<form class="contact-form" id="trialForm">
|
||||
<h3>预约咨询 / 申请试用</h3>
|
||||
<div class="form-row">
|
||||
<label>姓名 *</label>
|
||||
<input type="text" name="name" required placeholder="您的称呼">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>公司 / 团队</label>
|
||||
<input type="text" name="company" placeholder="选填">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>合作方式 *</label>
|
||||
<select name="need" required>
|
||||
<option value="免费试用">免费试用（私有化试用版 / 演示）</option>
|
||||
<option value="私有化部署">私有化部署（买断 + 运维）</option>
|
||||
<option value="源码售卖">源码售卖（授权 + 支持）</option>
|
||||
<option value="其他">其他 / 还不确定</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>联系方式 *</label>
|
||||
<input type="text" name="contact" required placeholder="邮箱 / 微信 / 电话">
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<label>需求说明</label>
|
||||
<textarea name="remark" placeholder="简单描述您的场景与规模（选填）"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="landing-btn-primary">提交，获取方案</button>
|
||||
<div class="contact-note">提交将唤起邮件客户端发往 <a href="mailto:contact@yuzhiran.com">contact@yuzhiran.com</a></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -447,7 +562,7 @@
|
||||
<h4>支持</h4>
|
||||
<a href="#faq">常见问题</a>
|
||||
<a href="https://github.com" target="_blank">GitHub</a>
|
||||
<a href="mailto:hello@yu-zhi-ran.com">联系我们</a>
|
||||
<a href="mailto:contact@yuzhiran.com">联系我们</a>
|
||||
</div>
|
||||
<div>
|
||||
<h4>法律</h4>
|
||||
@@ -487,6 +602,25 @@
|
||||
if (!isOpen) item.classList.add('open');
|
||||
});
|
||||
});
|
||||
|
||||
// Trial / contact form -> mailto
|
||||
var trialForm = document.getElementById('trialForm');
|
||||
if (trialForm) {
|
||||
trialForm.addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
var fd = new FormData(trialForm);
|
||||
var name = (fd.get('name') || '').toString().trim();
|
||||
var company = (fd.get('company') || '').toString().trim();
|
||||
var need = (fd.get('need') || '').toString().trim();
|
||||
var contact = (fd.get('contact') || '').toString().trim();
|
||||
var remark = (fd.get('remark') || '').toString().trim();
|
||||
var subject = '【宇之然】' + need + ' - ' + (name || '客户');
|
||||
var body = '姓名：' + name + '\n公司/团队：' + (company || '（未填）') +
|
||||
'\n合作方式：' + need + '\n联系方式：' + contact + '\n需求说明：' + (remark || '（未填）');
|
||||
window.location.href = 'mailto:contact@yuzhiran.com?subject=' +
|
||||
encodeURIComponent(subject) + '&body=' + encodeURIComponent(body);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user