// c-app.jsx — 版本 C · 急救模式（中文版） // 挑衅性营销战役。沿用「失血」隐喻——经中国市场专家小组论证： // 「失血」比「流血」更克制、更商业化，但仍保留紧迫感。 const C_TWEAKS = /*EDITMODE-BEGIN*/{ "showBleedingPulse": true, "showChineseSignals": true, "density": "standard" }/*EDITMODE-END*/; const C_NAV = [ { label: '失血点', href: '#bleeding' }, { label: '急救系统', href: '#triage' }, { label: '案例证明', href: '#proof' }, { label: '关于我们', href: '#about' }, { label: '就绪度检查', href: '#readiness' }, ]; const BLEEDING_SITES = [ { id: 'L', x: 22, y: 28, label: '商品详情文案', bleeds: '权威性', severity: 'critical', body: '满是规格参数的卖点罗列，而西方竞品在销售向往。给人的感觉是制造商，而非品牌。' }, { id: 'N', x: 64, y: 18, label: '品牌名称', bleeds: '信任度', severity: 'critical', body: '拼音缩写。无记忆点。无品类联想。品牌感知最初的 200 毫秒，被浪费了。' }, { id: 'I', x: 48, y: 52, label: '生活方式视觉', bleeds: '向往感', severity: 'high', body: '图库照片。白底平铺摆拍。无人能在品牌的世界中看到自己——因为那个世界根本不存在。' }, { id: 'R', x: 80, y: 42, label: '用户评价模式', bleeds: '溢价许可', severity: 'high', body: '负面评价主题集中在感知质量上，尽管制造水平相当。信任赤字，已折价计入。' }, { id: 'D', x: 16, y: 68, label: '自有需求池', bleeds: '定价自主权', severity: 'mid', body: '无独立站。无邮件列表。无法在平台付费结构之外与买家沟通。' }, { id: 'C', x: 70, y: 76, label: '内容创作者策略', bleeds: '文化许可', severity: 'mid', body: '与头部网红的一次性合作，无后续。纳米/微型红人的效率高出 4–6 倍。预算错配。' }, ]; const C_TRIAGE = [ { num: '01', name: '诊断', verb: '找到失血点。', body: '对 10 大能力域和 240+ 项基准评分。定位每一处定价权流失点。量化每项造成的损失。' }, { num: '02', name: '蓝图规划', verb: '止住失血。', body: '优先级急救计划。严重失血点优先处理，然后是能产生复合效应的建设。按现金流和势能排序。' }, { num: '03', name: '领域执行手册', verb: '修复系统。', body: '我们离开后您的团队可立即运行的运营交付物。品牌、内容、红人、零售——为您的现实情况量身打造。' }, { num: '04', name: '持续导航', verb: '保护成果。', body: '季度重新评分。偏差检测。随市场发展与新失血点出现，提供持续顾问支持。' }, ]; const C_PILLARS = [ { kicker: '不是观点', label: '有据可依的方法论', body: '240+ 项评分基准。两位评估师，同一品牌，同一分数。我们的交付物是地图，而非一份提案 PPT。' }, { kicker: '不是两个供应商', label: '一个运营层', body: '中国专业服务团队以中文深入您的运营。美国顾问团队以英文做出战略决策。翻译在我们内部完成。' }, { kicker: '不是榨取式合作', label: '激励一致', body: '我们像伙伴一样为您服务，而非为了完成自身 KPI 向您推销服务的代理机构。声誉是我们的生命线——把事情做对，比证明自己正确更重要。' }, ]; const SEVERITY_COLOR = { critical: 'var(--copper-hot)', high: 'var(--copper)', mid: 'var(--light-blue)', }; const SEVERITY_LABEL_ZH = { critical: '严重', high: '高', mid: '中', }; const eZh = { fontFamily: 'var(--font-zh)' }; // ───────────────────────────────────────────────────────────── // Nav // ───────────────────────────────────────────────────────────── function CNav() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } // ───────────────────────────────────────────────────────────── // Hero // ───────────────────────────────────────────────────────────── function CHero({ t }) { return (
{t.showChineseSignals && (
止 血 · 然 后 建 品 牌 Stop the bleeding. Then build the brand.
)}

您的品牌正在
「失血」定价权。
我们能精准定位每一处伤口。

中国品牌是世界级的运营者，运营卓越。 {' '}但在美国市场，您在情感层面缺乏存在感—— 这导致您已经赢得的 30–60% 定价权被损耗。

查看您的失血点 → 了解我们如何止血
); } function VitalStat({ n, label, pulse }) { return (
{pulse && (
)}
{n}
{label}
); } // ───────────────────────────────────────────────────────────── // Bleeding // ───────────────────────────────────────────────────────────── function CBleeding({ t }) { const [active, setActive] = React.useState('L'); const current = BLEEDING_SITES.find(b => b.id === active); return (
生命体征 · 六大常见失血点

大多数品牌
同时在三到五处「失血」。

失血点不是「运行不佳」，而是正在持续地伤害您的品牌——我们将其定义为正在持续造成损失的能力缺口。 一个错别字流失信任。业余的摄影流失权威。频繁打折流失高端感知。 失血点瞬间摧毁短期情感和长期情感。必须首先对它们进行急救，先于其他一切。

{SEVERITY_LABEL_ZH[current.severity]}级失血

{current.label}

流失：{current.bleeds}

{current.body}

{BLEEDING_SITES.map(s => ( ))}
); } function BleedingMap({ sites, active, onSelect, pulse }) { return (
{[0.25, 0.5, 0.75].map((p, i) => ( ))} {[0.25, 0.5, 0.75].map((p, i) => ( ))} {sites.map(s => { const isActive = s.id === active; const color = SEVERITY_COLOR[s.severity]; return ( ); })}
示意 · 典型中国品牌
); } function Legend({ dot, label }) { return (
{label}
); } // ───────────────────────────────────────────────────────────── // Triage system // ───────────────────────────────────────────────────────────── function CTriage() { return (
急救系统

发现它。止住它。
修复系统。保护成果。

每次合作都遵循相同的四个阶段。先进行紧急处理， 再调整长期习惯。然后永久维护，因为市场不会停滞不前。

{C_TRIAGE.map((p, i) => ( ))}
10 大能力域。
240+ 项基准。
已映射、已评分、已排序。

我们的交付物即地图本身——一幅根据您所在品类的世界级水准 进行衡量、评分、动态呈现的业务运营系统图。路线图源于差距分析， 而非主观意见。

浏览方法论 →
); } function TriageCard({ num, name, verb, body }) { return (
{ e.currentTarget.style.transform = 'translateY(-4px)'; e.currentTarget.style.borderColor = 'var(--copper)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = ''; e.currentTarget.style.borderColor = ''; }} >
{num} · 阶段

{name}

{verb}

{body}

); } // ───────────────────────────────────────────────────────────── // Proof // ───────────────────────────────────────────────────────────── function CProof() { return (
案例证明 · 已匿名合作

5 处失血点已诊断。
第一年 ROI 3.19×。
第三年预期 8.0×+。

一家领先的中国婴童用品品牌。亚马逊销量强劲，无品牌溢价。 我们诊断了五大能力域的差距，规划了三波干预蓝图， 并模拟了到第三年的发展路径。

); } function CProofVisual() { return (
预期 ROI · 按波次排序
{[ { wave: 'W1', label: '止血 · 商品详情页 + 红人', roi: 1.8, color: 'var(--copper-hot)' }, { wave: 'W2', label: '奠定基础 · 独立站 + PR', roi: 2.4, color: 'var(--light-blue)' }, { wave: 'W3', label: '复合增长 · 零售 + 品牌', roi: 3.9, color: 'var(--white)' }, ].map((w, i) => (
{w.wave} {w.label} {w.roi.toFixed(1)}×
))}
第三年预期
跨协同能力复合
8.0×+
); } // ───────────────────────────────────────────────────────────── // Difference // ───────────────────────────────────────────────────────────── function CDifference() { return (

我们绝不妥协的原则。

创始人、团队与顾问 →
{C_PILLARS.map((p, i) => (
{p.kicker}

{p.label}

{p.body}

))}
); } // ───────────────────────────────────────────────────────────── // CTA // ───────────────────────────────────────────────────────────── function CCTA() { return (
两种参与方式

看清您在何处失血。
然后止住它。

); } function CForkCard({ primary, kicker, title, body, cta, href }) { return ( { e.currentTarget.style.transform = 'translateY(-4px)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = ''; }} >
{kicker}

{title}

{body}

{cta} →
); } // ───────────────────────────────────────────────────────────── // Footer // ───────────────────────────────────────────────────────────── function CFooter({ t }) { return (
Project Silk

我们找出中国品牌在美国市场流失定价权的部位——并将其弥合。 为中国企业构建的西式战略。

{t.showChineseSignals && (
止血，然后建品牌
)}
网站
    {['失血点', '急救系统', '案例证明', '关于我们', '就绪度检查', '联系我们'].map(l => (
  • {l}
    • ))}
© 2026 Project Silk · A Foundry Studio venture
); } function CFooterWeChat() { return (
企业微信 · WeCom
{Array.from({ length: 64 }).map((_, i) => (
))}
Project Silk
项目丝路
扫码添加
); } // ───────────────────────────────────────────────────────────── // WeChat pill // ───────────────────────────────────────────────────────────── function CWeChatPill() { const [open, setOpen] = React.useState(false); return (
{open && (
企业微信 · WeCom
{Array.from({ length: 100 }).map((_, i) => (
))}
扫码添加 Project Silk
官方企业微信账号
)}
); } // ───────────────────────────────────────────────────────────── // App // ───────────────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(C_TWEAKS); return (
setTweak('showBleedingPulse', v)} /> setTweak('showChineseSignals', v)} /> setTweak('density', v)} />
); } ReactDOM.createRoot(document.getElementById('root')).render();