// a-app.jsx — Project Silk · 版本 A · 电影感 // 中文版本 const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "motion": "full", "density": "standard", "copperGlow": "normal", "chineseSignals": true, "showWeChatPill": true }/*EDITMODE-END*/; const NAV_ITEMS = [ { label: '运作方式', href: '#how-it-works' }, { label: '案例研究', href: '#case-study' }, { label: '关于我们', href: '#about' }, { label: '合作伙伴就绪度', href: '#affiliate-readiness' }, { label: '联系我们', href: '#contact' }, ]; const PHASES = [ { num: '01', name: '诊断', verb: '看清现状。', body: '在 10 大能力域和 240+ 项基准上对您的品牌评分。找出哪里在「失血」，哪里能产生复合效应，哪里能解锁定价权。' }, { num: '02', name: '蓝图规划', verb: '明确优先行动。', body: '优先级行动计划。投资回报率预测、依赖关系映射、按影响排序——不是观点，也不是提案 PPT。' }, { num: '03', name: '领域执行手册', verb: '完成具体工作。', body: '我们离开后您的团队可立即运行的运营交付物。策略、内容体系、红人项目、效果衡量。' }, { num: '04', name: '持续导航', verb: '持续改进。', body: '季度重新评分、更新路线图、随市场和业务发展持续提供的顾问服务。' }, ]; const DOMAINS = [ { n: '01', name: '品牌战略与定位', count: '25 项基准' }, { n: '02', name: '数字与电商', count: '30 项基准' }, { n: '03', name: '内容与创意', count: '28 项基准' }, { n: '04', name: '社交与社群', count: '45 项基准' }, { n: '05', name: '红人与口碑营销', count: '55 项基准' }, { n: '06', name: '公关与传播', count: '20 项基准' }, { n: '07', name: '零售就绪度', count: '25 项基准' }, { n: '08', name: '包装与开箱体验', count: '22 项基准' }, { n: '09', name: '市场研究与情报', count: '28 项基准' }, { n: '10', name: '组织就绪度', count: '20 项基准' }, ]; const PILLARS = [ { label: '有据可依的方法论', body: '不是观点。240+ 项评分基准，对照您所在品类中西方品牌的实际做法。两位评估师、同一品牌、同一分数。', }, { label: '一体化桥梁模式', body: '一支中国专业服务团队深度嵌入您的运营。一支美国顾问团队做出战略决策。一个运营层，而非两个互相听不懂的供应商。', }, { label: '激励一致', body: '我们像伙伴一样为您服务，而非为了完成自身 KPI 向您推销服务的代理机构。我们的声誉就是我们的业务——把事情做对，比证明自己正确更重要。', }, ]; // ───────────────────────────────────────────────────────────── // Nav // ───────────────────────────────────────────────────────────── function Nav() { 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 Hero({ t }) { return (
电影感循环 · AI 视频占位
{t.chineseSignals && (
品 牌 出 海 ，实 力 说 话 Brand going overseas — let your strength speak
)}

中国品牌是世界级的运营者。
我们将其打造成世界级的品牌。

「美国市场就绪度系统」衡量西方消费者对您品牌的感知—— 并弥合您产品实力与他们愿意支付价格之间的差距。

预约诊断 → 了解运作方式
SCROLL
); } function TrustStat({ n, label }) { return (
{n}
{label}
); } // ───────────────────────────────────────────────────────────── // Problem // ───────────────────────────────────────────────────────────── function Problem() { return (
定价权差距

您的产品可与世界顶尖竞争。
但您的价格却不能。

中国制造商在美国市场销售同等——甚至更优——的产品时， 比西方竞争对手少赚 30–60%。

差距不在质量。不在物流。而在其他所有方面： 品牌认知、内容策略、红人营销、零售定位， 以及西方品牌数十年积累的数十项能力。

这一差距是可衡量的，是具体的，并且是可以弥补的。

); } function PricingGapVisual() { return (
示意 · 同品类 SKU
–58% 每单位定价权
未被兑现
); } function BarRow({ label, pct, color, amount, highlight }) { return (
{label} {amount}
); } // ───────────────────────────────────────────────────────────── // OS / Methodology // ───────────────────────────────────────────────────────────── function OSTeaser() { return (
运作方式

美国市场就绪度系统。

一套结构化方法论，用于衡量、对标并弥合那些导致您品牌 在美国市场损失定价权的具体能力差距。

{PHASES.map((p, i) => ( ))}

映射至 10 大能力域。

298 项评分基准 · 5 级成熟度模型
{DOMAINS.map(d => )}
); } function PhaseCard({ num, name, verb, body }) { return (
{num}

{name}

{verb}

{body}

); } function DomainCell({ n, name, count }) { return (
e.currentTarget.style.background = '#1A2F4F'} onMouseLeave={(e) => e.currentTarget.style.background = ''} >
{n}
{name}
{count}
); } // ───────────────────────────────────────────────────────────── // Proof / Case Study // ───────────────────────────────────────────────────────────── function ProofSnapshot() { return (
近期合作

一家领先的中国婴童用品品牌。
已诊断。已蓝图。已预测。

亚马逊销量强劲。无品牌溢价。我们诊断了五大能力域的差距， 制定了分三波干预的阶段性蓝图，并规划了从第一年投资回报率到第三年的发展路径。

    {[ '在品牌、内容、红人、零售、组织五大能力域进行成熟度评分', '按干预措施进行投资回报率预测，按现金流排序', '在诊断第 2 周即识别出快速见效机会', '完整匿名白皮书备索', ].map((b, i) => (
  • {b}
    • ))}
); } function ROIVisual() { return (
预期投资回报率
3.19×
第一年 ROI
8.0×+
第三年预期
{[18, 28, 42, 55, 68, 78, 84, 90, 100].map((h, i) => (
))}
Q1 Y1 Q4 Y3
投资回报率源于跨 5 大能力域的协同干预—— 而非单一渠道提升。
); } // ───────────────────────────────────────────────────────────── // Silk Difference // ───────────────────────────────────────────────────────────── function SilkDifference() { return (
Silk 的独特之处

我们不是一家代理机构。
我们是围绕您商业现实构建的顾问服务。

代理机构单方面为您工作。咨询顾问给出建议后便消失。 Silk 是让跨境两端作为同一团队协同运作的「运营层」—— 我们采用的方法论衡量的是基于评分基准的差距，而非主观意见。

{PILLARS.map((p, i) => ( ))}
Tim Jordan
photo

「我们花了十年时间学习什么真正有效。 我们打造的这套系统，正是 2014 年时我们希望有人能交给我们的东西。」

Tim Jordan · 创始人 · 自 2014 年起常驻中国
关于团队、顾问与合作伙伴 →
); } function PillarCard({ label, body, index }) { return (
0{index}

{label}

{body}

); } // ───────────────────────────────────────────────────────────── // CTA Band // ───────────────────────────────────────────────────────────── function CTABand() { return (
两种开始方式

在做出任何承诺之前——
先看清您品牌的现状。

); } function CTAOption({ label, sub, note, primary, href, cta }) { return (
{note}

{label}

{sub}

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

为中国品牌打造的美国市场就绪度系统。 为中国企业构建的西式战略。

{t.chineseSignals && (
品牌出海，实力说话
)}
© 2026 Project Silk · A Foundry Studio venture
); } function FooterCol({ title, links }) { return (
{title}
); } function WeChatBlock() { return (
企业微信 · WeCom
{Array.from({ length: 64 }).map((_, i) => (
))}
Project Silk · 项目丝路
扫码添加我们的
官方企业微信账号
); } // ───────────────────────────────────────────────────────────── // WeChat Pill // ───────────────────────────────────────────────────────────── function WeChatPill({ show }) { const [open, setOpen] = React.useState(false); if (!show) return null; return (
{open && (
企业微信 · WeCom
{Array.from({ length: 100 }).map((_, i) => (
))}
扫码添加 Project Silk
官方企业微信账号
)}
); } // ───────────────────────────────────────────────────────────── // App // ───────────────────────────────────────────────────────────── function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); return (
); } ReactDOM.createRoot(document.getElementById('root')).render();