fix(官网): Hero 改为主 CTA 按钮并去掉重复 1200+ 数据条

副标题下改为「7天免费试用每天送300积分」试用按钮，移除 hero-stats 与 social 行。 Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-02 21:26:44 +08:00
parent 16a700459e
commit dbe7b7aa7c
6 changed files with 361 additions and 10 deletions
--- a/官网/assets/css/styles.css
+++ b/官网/assets/css/styles.css
@@ -356,7 +356,19 @@ body.nav-menu-open { overflow: hidden; }
  font-size: clamp(18px, 2vw, 20px); color: var(--kir-text-secondary);
  margin-block: 18px 22px; max-width: 28em; line-height: 1.6; font-weight: 500;
 }
-.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
+.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
+.hero-trial-cta {
+  font-size: clamp(17px, 2.4vw, 20px);
+  font-weight: 800;
+  letter-spacing: .02em;
+  padding: 18px 36px;
+  border-radius: 999px;
+  box-shadow: 0 16px 40px rgba(59, 130, 246, .28);
+  white-space: nowrap;
+}
+@media (max-width: 720px) {
+  .hero-trial-cta { white-space: normal; text-align: center; line-height: 1.35; max-width: 100%; }
+}
 .hero-cta-block { margin-top: 4px; }
 .hero-cta-block .hero-trust-line { margin-top: 12px; text-align: left; }
 .hero-microcopy { font-size: 13px; color: var(--kir-text-muted); margin-top: 12px; font-weight: 500; }
--- a/官网/assets/js/site-runtime.js
+++ b/官网/assets/js/site-runtime.js
@@ -0,0 +1,171 @@
+/**
+ * 存客宝官网 · 运行时配置（从 data/official-site.json 注入 SEO / Hero）
+ */
+(function () {
+  'use strict';
+
+  var PAGE_KEY = (function () {
+    var p = (location.pathname || '/').split('/').pop() || 'index.html';
+    if (p === '' || p === '/') return 'index';
+    return p.replace(/\.html$/, '');
+  })();
+
+  function setMeta(name, content, attr) {
+    if (!content) return;
+    attr = attr || 'name';
+    var sel = 'meta[' + attr + '="' + name + '"]';
+    var el = document.querySelector(sel);
+    if (!el) {
+      el = document.createElement('meta');
+      el.setAttribute(attr, name);
+      document.head.appendChild(el);
+    }
+    el.setAttribute('content', content);
+  }
+
+  function setLink(rel, href) {
+    if (!href) return;
+    var sel = 'link[rel="' + rel + '"]';
+    var el = document.querySelector(sel);
+    if (!el) {
+      el = document.createElement('link');
+      el.setAttribute('rel', rel);
+      document.head.appendChild(el);
+    }
+    el.setAttribute('href', href);
+  }
+
+  function absUrl(path, base) {
+    if (!path) return '';
+    if (/^https?:\/\//i.test(path)) return path;
+    var b = (base || '').replace(/\/$/, '');
+    return b ? b + '/' + path.replace(/^\//, '') : path;
+  }
+
+  function applySeo(seo, global) {
+    if (!seo) return;
+    global = global || {};
+    if (seo.title) document.title = seo.title + (global.titleSuffix || '');
+    setMeta('description', seo.description);
+    setMeta('keywords', seo.keywords);
+    setMeta('robots', global.robots || 'index,follow');
+    if (seo.ogTitle) setMeta('og:title', seo.ogTitle, 'property');
+    if (seo.ogDescription) setMeta('og:description', seo.ogDescription, 'property');
+    else if (seo.description) setMeta('og:description', seo.description, 'property');
+    var ogImg = seo.ogImage || global.defaultOgImage;
+    if (ogImg) setMeta('og:image', absUrl(ogImg, global.siteUrl), 'property');
+    if (global.siteName) setMeta('og:site_name', global.siteName, 'property');
+    if (global.twitterCard) setMeta('twitter:card', global.twitterCard);
+    if (seo.canonical) setLink('canonical', seo.canonical);
+    else if (global.siteUrl) {
+      var path = PAGE_KEY === 'index' ? '/' : '/' + PAGE_KEY + '.html';
+      setLink('canonical', global.siteUrl.replace(/\/$/, '') + path);
+    }
+  }
+
+  function applyHero(hero) {
+    if (!hero) return;
+    var badge = document.querySelector('.hero-badge');
+    var h1 = document.querySelector('.hero h1');
+    var lead = document.querySelector('.hero p.lead');
+    if (badge && hero.badge) badge.textContent = hero.badge;
+    if (h1 && hero.title) h1.textContent = hero.title;
+    if (lead && hero.lead) lead.textContent = hero.lead;
+
+    var statsWrap = document.querySelector('.hero-stats');
+    if (statsWrap) {
+      if (hero.stats && hero.stats.length) {
+        statsWrap.innerHTML = hero.stats.map(function (s, i) {
+          var growth = i > 0 ? ' hero-stat-growth' : '';
+          return '<div class="hero-stat' + growth + '"><span class="hero-stat-num">' + s.value + '</span><span class="hero-stat-label">' + s.label + '</span></div>';
+        }).join('');
+      } else {
+        statsWrap.remove();
+      }
+    }
+
+    var social = document.querySelector('.hero-social-line');
+    if (social) {
+      if (hero.socialLine) {
+        var m = hero.socialLine.match(/^(\d+\+?)\s*(.*)$/);
+        if (m) social.innerHTML = '<strong>' + m[1] + '</strong> ' + m[2];
+        else social.textContent = hero.socialLine;
+      } else {
+        social.remove();
+      }
+    }
+
+    var img = document.querySelector('.hero-scene-main');
+    if (img && hero.heroImage) img.src = hero.heroImage;
+
+    var floats = document.querySelectorAll('.hero-float');
+    if (hero.floatEnabled === false) {
+      floats.forEach(function (f) { f.style.display = 'none'; });
+    }
+
+    var trust = document.querySelector('.hero-trust-line');
+    if (trust) {
+      if (hero.trustLine) trust.textContent = hero.trustLine;
+      else trust.closest('.hero-cta-block')?.remove() || trust.remove();
+    }
+
+    var cta1 = document.querySelector('.hero-actions .btn-primary, .hero-trial-cta');
+    var cta2 = document.querySelector('.hero-actions .btn-ghost');
+    if (cta1 && hero.ctaPrimary) cta1.textContent = hero.ctaPrimary;
+    if (cta2 && hero.ctaSecondary) cta2.textContent = hero.ctaSecondary;
+  }
+
+  function mergeApi(api) {
+    if (!api || !window.CKB_SITE) return;
+    Object.assign(window.CKB_SITE, {
+      apiBase: api.apiBase || window.CKB_SITE.apiBase,
+      apiKey: api.apiKey || window.CKB_SITE.apiKey,
+      planId: api.planId || window.CKB_SITE.planId,
+      planName: api.planName || window.CKB_SITE.planName,
+      source: api.source || window.CKB_SITE.source,
+    });
+  }
+
+  function pingIndexNow(global) {
+    if (!global || !global.indexNowEnabled || !global.indexNowKey || !global.siteUrl) return;
+    var host = global.siteUrl.replace(/^https?:\/\//, '').replace(/\/$/, '');
+    var urls = [global.siteUrl.replace(/\/$/, '') + '/'];
+    ['pricing', 'solutions', 'api', 'manual'].forEach(function (p) {
+      urls.push(global.siteUrl.replace(/\/$/, '') + '/' + p + '.html');
+    });
+    var body = {
+      host: host,
+      key: global.indexNowKey,
+      keyLocation: global.siteUrl.replace(/\/$/, '') + '/' + global.indexNowKey + '.txt',
+      urlList: urls,
+    };
+    fetch(global.indexNowEndpoint || 'https://api.indexnow.org/indexnow', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json; charset=utf-8' },
+      body: JSON.stringify(body),
+    }).catch(function () {});
+  }
+
+  function load() {
+    var url = 'data/official-site.json?_=' + Date.now();
+    fetch(url)
+      .then(function (r) { return r.ok ? r.json() : null; })
+      .then(function (cfg) {
+        if (!cfg) return;
+        window.CKB_OFFICIAL = cfg;
+        var seo = (cfg.seo && cfg.seo[PAGE_KEY]) || (PAGE_KEY === 'index' ? cfg.seo && cfg.seo.index : null);
+        applySeo(seo, cfg.seoGlobal);
+        if (PAGE_KEY === 'index' || PAGE_KEY === '') applyHero(cfg.hero);
+        mergeApi(cfg.api);
+        if (cfg.webhook) window.CKB_WEBHOOK = cfg.webhook;
+        if (cfg.aiChat) {
+          window.CKB_AI_CHAT = Object.assign({}, window.CKB_AI_CHAT || {}, cfg.aiChat);
+        }
+        if (cfg.seoGlobal && cfg.seoGlobal.indexNowEnabled) pingIndexNow(cfg.seoGlobal);
+      })
+      .catch(function () { /* 静态兜底 */ });
+  }
+
+  if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', load);
+  else load();
+})();
--- a/官网/data/official-site.json
+++ b/官网/data/official-site.json
@@ -0,0 +1,167 @@
+{
+  "version": 1,
+  "updatedAt": "2026-05-31T12:00:00.000Z",
+  "auth": {
+    "username": "admin",
+    "password": "key123456"
+  },
+  "seoGlobal": {
+    "siteUrl": "https://ckb.quwanzhi.com",
+    "siteName": "存客宝",
+    "titleSuffix": "",
+    "defaultOgImage": "assets/img/hero-meeting-scene.jpg",
+    "robots": "index,follow",
+    "twitterCard": "summary_large_image",
+    "indexNowEnabled": false,
+    "indexNowKey": "",
+    "indexNowEndpoint": "https://api.indexnow.org/indexnow"
+  },
+  "seo": {
+    "index": {
+      "title": "存客宝 · 企业私域增长系统 | AI 驱动用户资产沉淀与持续增长",
+      "description": "存客宝是面向企业的私域增长系统。AI 驱动客户分层、用户资产沉淀、场景精准获客与全程复购促活，帮助企业将私域流量变成可持续增长的核心资产。",
+      "keywords": "存客宝,私域增长,企业用户资产,AI私域,客户分层,私域复购,场景获客,私域银行,RFM客户价值",
+      "ogTitle": "存客宝 · 企业私域增长系统",
+      "ogDescription": "把用户变资产，让增长不停歇。AI 驱动客户分层、精准获客与全程复购，私域即企业增长引擎。",
+      "ogImage": "assets/img/hero-meeting-scene.jpg",
+      "canonical": ""
+    },
+    "pricing": {
+      "title": "存客宝价格方案 · 免费试用与版本对比",
+      "description": "存客宝免费试用 7 天（每天送 300 算力·不含工作手机·不加好友），基础版 6980/年含 1 台 AI 数智员工，专业版 19800/年，企业版 98000/年。",
+      "keywords": "存客宝价格,私域SaaS价格,AI数智员工,免费试用,专业版19800,企业版98000",
+      "ogTitle": "存客宝价格方案",
+      "ogDescription": "免费试用 7 天 · 每天送 300 算力，基础版 6980/年含工作手机与加好友，专业版 19800/年含 3 台 AI。",
+      "ogImage": "assets/img/matrix-cunkebao.png",
+      "canonical": ""
+    },
+    "solutions": {
+      "title": "存客宝行业解决方案 · 私域操盘手/连锁/电商/网红",
+      "description": "针对私域操盘手、连锁门店、电商商家、网红达人的私域自动化方案与场景获客实践。",
+      "keywords": "私域解决方案,连锁门店私域,电商私域,网红私域运营",
+      "ogTitle": "存客宝行业解决方案",
+      "ogDescription": "私域操盘手、连锁门店、电商、游戏主播矩阵号一站式方案。",
+      "ogImage": "assets/img/ind-private.jpg",
+      "canonical": ""
+    },
+    "api": {
+      "title": "存客宝 AI 赋能 · 智能应答与开放对接",
+      "description": "存客宝 AI 数智员工、知识库、智能应答与企业版开放对接能力介绍。",
+      "keywords": "AI私域,智能客服,私域API,存客宝对接,AI数智员工",
+      "ogTitle": "存客宝 AI 赋能",
+      "ogDescription": "AI 数智员工 7×24 应答，跑通私域全链路自动化。",
+      "ogImage": "assets/img/aistaff-phone-card.png",
+      "canonical": ""
+    },
+    "manual": {
+      "title": "存客宝使用手册 · 快速上手",
+      "description": "存客宝、触客宝与 AI 数智员工的功能说明与操作指引。",
+      "keywords": "存客宝教程,私域运营手册,触客宝使用,AI数智员工",
+      "ogTitle": "存客宝使用手册",
+      "ogDescription": "设备管理、场景获客、AI 数智员工快速入门。",
+      "ogImage": "assets/img/logo-mascot.png",
+      "canonical": ""
+    }
+  },
+  "hero": {
+    "badge": "私域资产 · 企业增长引擎",
+    "title": "把用户变资产，让增长不停歇",
+    "lead": "存客宝帮助企业将私域流量沉淀为可持续用户资产——从精准获客到高价值客户复购，AI 全程驱动，推动业务持续增长。",
+    "ctaPrimary": "7天免费试用每天送300积分",
+    "ctaSecondary": "",
+    "trustLine": "",
+    "socialLine": "",
+    "heroImage": "assets/img/hero-meeting-scene.jpg",
+    "floatEnabled": false,
+    "stats": []
+  },
+  "api": {
+    "apiBase": "https://ckbapi.quwanzhi.com",
+    "apiKey": "OAwrL-QWXYB-Ys9EG-EBZxW-bwLwg",
+    "planId": 779,
+    "planName": "存客宝官网-试用咨询留资",
+    "source": "存客宝官网"
+  },
+  "webhook": {
+    "enabled": true,
+    "url": "https://open.feishu.cn/open-apis/bot/v2/hook/7926329b-b21d-4547-a058-caf92ea76b9e",
+    "secret": "",
+    "events": [
+      "lead.created"
+    ]
+  },
+  "aiChat": {
+    "enabled": true,
+    "serverEnabled": true,
+    "popupDelaySec": 10,
+    "title": "存客宝 AI 顾问",
+    "subtitle": "基于企业知识库 · 合规解答",
+    "welcome": "您好，我是存客宝增长顾问，可解答试用、价格与功能问题。",
+    "offlineReply": "您好，我是存客宝增长顾问。免费试用 7 天，每天送 300 算力，可体验后台与数据看板。留手机号或微信，我们协助开通并发送资料。",
+    "faqFallback": [
+      {
+        "keywords": [
+          "价格",
+          "多少钱",
+          "费用",
+          "报价"
+        ],
+        "answer": "存客宝基础版 6980/年（含 1 台 AI 数智员工 + 工作手机，支持加好友），专业版 19800/年（含 3 台），企业版定制。可留手机号领取详细报价单。"
+      },
+      {
+        "keywords": [
+          "材料",
+          "资料",
+          "文档",
+          "白皮书",
+          "发点"
+        ],
+        "answer": "增长资料包可随顾问联系一并发送。您可留手机号或微信，我们协助开通免费试用（7 天 · 每天 300 算力），并安排专属顾问添加您。"
+      },
+      {
+        "keywords": [
+          "试用",
+          "免费",
+          "体验",
+          "算力"
+        ],
+        "answer": "免费试用 7 天，每天送 300 算力，可体验后台与数据看板。留手机号或微信，顾问会协助开通并发送增长资料。"
+      },
+      {
+        "keywords": [
+          "功能",
+          "能做",
+          "干什么",
+          "作用"
+        ],
+        "answer": "存客宝聚焦企业私域增长：场景获客、客户分层(RFM)、AI 数智员工 7×24 应答、用户旅程追踪与复购促活。"
+      },
+      {
+        "keywords": [
+          "对接",
+          "接口",
+          "api",
+          "集成"
+        ],
+        "answer": "企业版支持开放接口对接，可上报线索、推送内容库，详见「AI 赋能」页或留手机号由工程师对接。"
+      },
+      {
+        "keywords": [
+          "AI",
+          "数智员工",
+          "客服",
+          "机器人"
+        ],
+        "answer": "AI 数智员工可 7×24 自动应答、识别意向并沉淀线索，按企业知识库回复，台数随版本不同。"
+      }
+    ]
+  },
+  "images": {
+    "logo": "assets/img/logo-mascot.png",
+    "heroMain": "assets/img/hero-meeting-scene.jpg",
+    "matrixCunkebao": "assets/img/matrix-cunkebao.png",
+    "matrixTouch": "assets/img/matrix-touchkebao.png",
+    "matrixAi": "assets/img/aistaff-phone-card.png",
+    "devicePhone": "inline-ui"
+  }
+}
--- a/官网/index.html
+++ b/官网/index.html
@@ -17,7 +17,7 @@
  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" />
  <link rel="icon" href="assets/img/logo-mascot.png" type="image/png" />
  <link rel="stylesheet" href="assets/css/kir-tokens.css" />
-  <link rel="stylesheet" href="assets/css/styles.css?v=20260602" />
+  <link rel="stylesheet" href="assets/css/styles.css?v=20260603" />
  <link rel="stylesheet" href="assets/css/device-phone.css" />
  <link rel="stylesheet" href="assets/css/lead.css" />
  <link rel="stylesheet" href="assets/css/ai-chat-widget.css" />
@@ -75,13 +75,9 @@
        <span class="hero-badge">私域资产 · 企业增长引擎</span>
        <h1>把用户变资产，<br class="hero-br" />让增长不停歇</h1>
        <p class="lead">存客宝帮企业把私域流量变成可复购的用户资产——精准获客、AI 客户分层、7×24 自动触达，平均<strong>获客成本降低 45%、私域复购提升 3 倍</strong>。</p>
-        <div class="hero-stats reveal" aria-label="核心数据">
-          <div class="hero-stat"><span class="hero-stat-num">1200+</span><span class="hero-stat-label">企业正在使用</span></div>
-          <div class="hero-stat hero-stat-growth"><span class="hero-stat-num">+128%</span><span class="hero-stat-label">用户资产增长</span></div>
-          <div class="hero-stat hero-stat-growth"><span class="hero-stat-num">3×</span><span class="hero-stat-label">私域复购提升</span></div>
-          <div class="hero-stat hero-stat-growth"><span class="hero-stat-num">−45%</span><span class="hero-stat-label">获客成本降低</span></div>
+        <div class="hero-actions reveal">
+          <a class="btn btn-primary btn-lg hero-trial-cta" href="#" data-lead="trial">7天免费试用每天送300积分</a>
        </div>
-        <p class="hero-social-line reveal"><strong>1200+</strong> 家企业已将私域变成持续增长的核心资产</p>
      </div>
      <div class="hero-visual reveal">
        <div class="hero-float-wrap" aria-hidden="false">
@@ -615,7 +611,7 @@
  <script src="assets/js/track.js"></script>
  <script src="assets/js/lead.js?v=20260531h"></script>
  <script src="assets/js/roi-calculator.js"></script>
-  <script src="assets/js/main.js?v=20260602"></script>
+  <script src="assets/js/main.js?v=20260603"></script>
  <script src="assets/js/ai-chat-widget.js?v=20260531c" defer></script>
 </body>
 </html>
--- a/官网/smoke.mjs
+++ b/官网/smoke.mjs
@@ -29,7 +29,7 @@ const BASE = process.env.SITE_BASE || 'http://127.0.0.1:8090';
  }

  // 首页
-  const home = await checkPage('/index.html', ['存客宝', '核心功能', '行业解决方案', '价格方案', '把用户变资产', '每天送 300 算力', '领取资料并咨询', '1200+']);
+  const home = await checkPage('/index.html', ['存客宝', '核心功能', '行业解决方案', '价格方案', '把用户变资产', '7天免费试用每天送300积分', '领取资料并咨询', '1200+']);

  // ROI 计算器交互
  await home.evaluate(() => {
--- a/开发文档/8、部署/开发进度_官网Hero修复_20260602.md
+++ b/开发文档/8、部署/开发进度_官网Hero修复_20260602.md
@@ -12,6 +12,11 @@
 | trust 行 | 删除 index Hero 内 `hero-trust-line`；`official-site.json` trustLine 置空 |
 | 增量 | Hero 四格数据 + `hero-stat-growth` 渐变大字；浮层 chip 加大 |

+## Hero 主 CTA（2026-06-03）
+- 去掉 Hero 内 `hero-stats` 四格数据 + `hero-social-line`（1200+ 重复文案）
+- 改为主按钮：**7天免费试用每天送300积分**（`data-lead="trial"` · `.hero-trial-cta`）
+- `official-site.json`：`ctaPrimary` 同步，`stats`/`socialLine` 置空
+
 ## 二次加固（2026-06-02 晚）
 - `main.js`：宽屏 **不注入** `.nav-mobile-cta`（`matchMedia` + resize 同步移除），从根源消除双按钮
 - `styles.css`：`@media (min-width: 721px)` 兜底隐藏