ai-creator-partnership/app/process/page.tsx

import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const steps=[["01","合作诊断","了解内容资产、核心粉丝、平台分布与商业目标，找到最值得优先验证的机会。","合作机会地图"],["02","形象版本与边界","选择当前形象、年轻时期经典形象或多个时期版本，并共同定义使用场景、表达方式、授权范围和审核规则。","创作者 AI 手册"],["03","AI 数字人制作","基于经授权的照片、视频与声音素材，完成数字人形象、声音和表达能力校准，并准备首批内容样本。","可测试版本"],["04","小范围验证","选择一个平台或场景开始，观察触达、互动、留存与付费信号。","验证数据"],["05","规模化增长","扩展内容形态、渠道和变现路径，形成可复用运营节奏。","长期增长计划"]];
export default function Process(){return <SiteShell><main><PageHero eyebrow="HOW WE WORK" title={<>从第一次沟通，<br/>到一套<span className="accent">长期增长系统</span>。</>} description="我们从小范围验证开始，让每一步都可看、可控、可复盘。合作范围随真实结果逐步扩展。" extra={<Link className="btn primary small" href="/contact">开始合作评估 <b>→</b></Link>}/><section className="section shell process-list">{steps.map(x=><article key={x[0]}><span>{x[0]}</span><h2>{x[1]}</h2><p>{x[2]}</p><strong>输出：{x[3]}</strong></article>)}</section><section className="section dark"><div className="shell principles"><div><p className="kicker">OUR PRINCIPLES</p><h2>合作过程中，<br/>你始终拥有决定权。</h2></div><div>{[["01","先验证，再扩大","用真实反馈决定投入。"],["02","先定边界，再创作","内容与互动在授权范围内运行。"],["03","长期价值优先","不透支粉丝信任。"]].map(x=><article key={x[0]}><span>{x[0]}</span><strong>{x[1]}</strong><p>{x[2]}</p></article>)}</div></div></section><section className="cta compact shell"><div><p className="kicker">READY WHEN YOU ARE</p><h2>告诉我们你现在最想解决的问题。</h2></div><Link className="btn primary" href="/contact">提交合作意向 <b>→</b></Link></section></main></SiteShell>}