Feature full-funnel conversion tracking service

app/advantages/page.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
 const cards=[["01","两种数字人模式","既可基于经授权的照片、视频与声音，创建真人创作者当前或年轻时期的 AI 分身；也可从形象、人设到故事完全从零打造原创数字人 IP。"],["02","内容产能可扩展","把一个创意延展到短视频、图文、语音与多语言版本。"],["03","关系持续被经营","从评论到私聊建立连续体验，让高意向粉丝得到自然回应。"],["04","变现不止一种","组合订阅、付费内容、打赏、专属互动等收入路径。"],["05","全程授权可控","合作前明确形象版本、使用场景、授权范围、内容红线与审核机制。"],["06","全链路转化跟踪","跟踪内容曝光、评论互动、私信承接、私域沉淀到付费转化的关键数据，定位每一环节的流失与机会，并持续提供针对性的优化方案。"]];
-export default function Advantages(){return <SiteShell><main><PageHero eyebrow="WHY PARTNER WITH US" title={<>你的影响力不该被<br/><span className="accent">时间与平台</span>限制。</>} description="我们把 AI 技术、内容运营与粉丝商业化合成一套服务，让创作者专注于真正不可替代的部分：表达、审美与信任。" extra={<Link className="link" href="/process">查看合作流程 <b>→</b></Link>}/><section className="section shell"><div className="adv-grid">{cards.map(x=><article key={x[0]}><span>{x[0]}</span><h2>{x[1]}</h2><p>{x[2]}</p></article>)}</div></section><section className="section comparison"><div className="shell"><div className="title-row"><div><p className="kicker">A BETTER MODEL</p><h2>把分散工作，变成同一条增长链路</h2></div></div><div className="table"><div><b>关键环节</b><b>传统运营</b><b>AI 创作者合作</b></div>{[["内容生产","依赖单次拍摄与个人时间","一次创意，多形态持续延展"],["粉丝互动","容易漏掉重要回应","分层承接评论与私聊关系"],["商业化","以广告和平台分成为主","建立多元、可持续粉丝收入"],["转化分析","数据分散、难以定位流失环节","贯通内容、评论、私信、私域与付费数据，持续优化转化"]].map(r=><div key={r[0]}>{r.map((c,i)=><span className={i===2?"positive":""} key={c}>{c}</span>)}</div>)}</div></div></section><Cta/></main></SiteShell>}
+export default function Advantages(){return <SiteShell><main><PageHero eyebrow="WHY PARTNER WITH US" title={<>你的影响力不该被<br/><span className="accent">时间与平台</span>限制。</>} description="我们把 AI 技术、内容运营与粉丝商业化合成一套服务，让创作者专注于真正不可替代的部分：表达、审美与信任。" extra={<Link className="link" href="/process">查看合作流程 <b>→</b></Link>}/><section className="section shell"><div className="adv-grid">{cards.map(x=><article key={x[0]}><span>{x[0]}</span><h2>{x[1]}</h2><p>{x[2]}</p></article>)}</div></section><FunnelFeature/><section className="section comparison"><div className="shell"><div className="title-row"><div><p className="kicker">A BETTER MODEL</p><h2>把分散工作，变成同一条增长链路</h2></div></div><div className="table"><div><b>关键环节</b><b>传统运营</b><b>AI 创作者合作</b></div>{[["内容生产","依赖单次拍摄与个人时间","一次创意，多形态持续延展"],["粉丝互动","容易漏掉重要回应","分层承接评论与私聊关系"],["商业化","以广告和平台分成为主","建立多元、可持续粉丝收入"],["转化分析","数据分散、难以定位流失环节","贯通内容、评论、私信、私域与付费数据，持续优化转化"]].map(r=><div key={r[0]}>{r.map((c,i)=><span className={i===2?"positive":""} key={c}>{c}</span>)}</div>)}</div></div></section><Cta/></main></SiteShell>}
+function FunnelFeature(){const steps=[["01","内容","曝光与点击"],["02","粉丝评论","互动与意向"],["03","私信","关系承接"],["04","私域","持续经营"],["05","付费","收入与复购"]];return <section className="section funnel-feature"><div className="shell"><div className="funnel-head"><div><p className="kicker">FULL-FUNNEL CONVERSION TRACKING</p><h2>从每一次内容，<br/>到每一笔收入。</h2></div><p>我们不只关注内容有没有曝光，更跟踪粉丝如何从看见内容、产生互动，一步步进入私信与私域，最终完成付费和复购。</p></div><div className="funnel-track">{steps.map((x,i)=><article key={x[0]}><span>{x[0]}</span><strong>{x[1]}</strong><small>{x[2]}</small>{i<steps.length-1&&<b>→</b>}</article>)}</div><div className="funnel-results"><span>实时跟踪关键转化率</span><span>定位流失环节与高价值人群</span><span>持续提供针对性优化方案</span></div></div></section>}
 function Cta(){return <section className="cta compact shell"><div><p className="kicker">FIND YOUR GROWTH LEVER</p><h2>先从最适合你的一个增长点开始。</h2></div><Link className="btn primary" href="/contact">获取合作建议 <b>→</b></Link></section>}

app/globals.css

@@ -43,3 +43,12 @@ footer{background:radial-gradient(circle at 15% 0,rgba(112,64,232,.16),transpare
 
 /* Keep the white CTA readable against the dark partnership section. */
 .dark .btn.pale{color:var(--ink)}
+
+/* Featured full-funnel conversion service */
+.funnel-feature{position:relative;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(155,101,255,.38),transparent 30%),linear-gradient(135deg,#15121c 0%,#20172f 58%,#37215d 100%);overflow:hidden}
+.funnel-feature:before{content:"";position:absolute;width:520px;height:520px;right:-180px;bottom:-300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
+.funnel-head{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:end;margin-bottom:72px}.funnel-head h2{margin:0;font:700 clamp(44px,4.8vw,70px)/1.18 "Songti SC","STSong",serif;letter-spacing:-.055em}.funnel-head>p{margin:0;color:#c9c2d2;font-size:18px;line-height:1.9}
+.funnel-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.funnel-track article{position:relative;min-height:190px;padding:26px 24px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.17);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.funnel-track article:last-child{color:var(--ink);background:linear-gradient(145deg,#a875ff,#c5a3ff);border-color:transparent;box-shadow:0 20px 55px rgba(143,86,238,.32)}.funnel-track span{color:#a875ff;font:600 16px Georgia}.funnel-track article:last-child span{color:#3b1a70}.funnel-track strong{margin:auto 0 8px;font-size:23px}.funnel-track small{color:#9d96a7}.funnel-track article:last-child small{color:#432b62}.funnel-track b{position:absolute;right:-21px;top:50%;z-index:3;width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#6f38e8;border-radius:50%;transform:translateY(-50%)}
+.funnel-results{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.funnel-results span{padding:17px 20px;text-align:center;color:#ddd6e7;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.04)}
+@media(max-width:1040px){.funnel-head{gap:50px}.funnel-track{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:8px}.funnel-track article{min-height:170px}.funnel-track b{display:none}}
+@media(max-width:760px){.funnel-head{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.funnel-head>p{font-size:16px}.funnel-track{grid-template-columns:1fr;overflow:visible}.funnel-track article{min-height:135px}.funnel-results{grid-template-columns:1fr}.funnel-results span{border-radius:16px;text-align:left}}