Reframe examples as partnership scenarios

This commit is contained in:
Codex
2026-07-21 12:21:55 +02:00
parent f65464128f
commit 50a9cc99ce
4 changed files with 6 additions and 6 deletions
+2 -2
View File
@@ -1,3 +1,3 @@
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell"; import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const cases=[["CASE 01","成熟个人创作者","让年轻时期的经典形象,以 AI 数字人重新连接粉丝","拥有大量具有情感记忆的经典照片与作品,但个人时间有限,旧内容也难以持续产生新的互动与商业价值。",["建立年轻时期授权 AI 分身","还原经典形象与表达风格","扩展多语言数字人内容"],["经典内容唤醒","跨市场触达","粉丝互动深度"],"purple"],["CASE 02","原创数字人 IP","从零打造一个可长期运营的虚拟创作者","没有真人原型和现成粉丝资产,需要从目标人群出发,完整建立外形、人设、故事、内容风格与关系体验。",["原创形象与世界观","多平台内容冷启动","评论与私聊关系运营"],["人设认知度","粉丝增长","单粉丝价值"],"coral"],["CASE 03","MCN / Agency","为多个创作者建立可复制的增长基础设施","不同账号依赖不同团队,内容、互动和收入数据分散,经验难复制。",["标准化创作者上架","共享运营规则","统一数据复盘"],["上架效率","运营一致性","矩阵收入"],"blue"]] as const; const scenarios=[["SCENARIO 01","成熟个人创作者","让年轻时期的经典形象,以 AI 数字人重新连接粉丝","拥有大量具有情感记忆的经典照片与作品,但个人时间有限,旧内容也难以持续产生新的互动与商业价值。",["建立年轻时期授权 AI 分身","还原经典形象与表达风格","扩展多语言数字人内容"],["经典内容唤醒","跨市场触达","粉丝互动深度"],"purple"],["SCENARIO 02","原创数字人 IP","从零打造一个可长期运营的虚拟创作者","没有真人原型和现成粉丝资产,需要从目标人群出发,完整建立外形、人设、故事、内容风格与关系体验。",["原创形象与世界观","多平台内容冷启动","评论与私聊关系运营"],["人设认知度","粉丝增长","单粉丝价值"],"coral"],["SCENARIO 03","MCN / Agency","为多个创作者建立可复制的增长基础设施","不同账号依赖不同团队,内容、互动和收入数据分散,经验难复制。",["标准化创作者上架","共享运营规则","统一数据复盘"],["上架效率","运营一致性","矩阵收入"],"blue"]] as const;
export default function Cases(){return <SiteShell><main><PageHero eyebrow="PARTNERSHIP CASES" title={<><br/><span className="accent"></span></>} description="以下为原型阶段的典型合作场景,用于展示方法与指标结构;正式上线时可替换为已授权案例和可核验数据。"/><section className="section shell case-list">{cases.map(x=><article className="case" key={x[0]}><div className={`case-art ${x[6]}`}><span>{x[0]}</span><div><i/><i/><i/></div><strong>{x[1]}</strong></div><div className="case-copy"><small>{x[1]}</small><h2>{x[2]}</h2><section><b></b><p>{x[3]}</p></section><section><b></b><p className="tags">{x[4].map(t=><span key={t}>{t}</span>)}</p></section><section><b></b><p className="metrics">{x[5].map(t=><span key={t}> {t}</span>)}</p></section></div></article>)}</section><section className="cta compact shell"><div><p className="kicker">YOUR CASE STARTS HERE</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>} export default function Cases(){return <SiteShell><main><PageHero eyebrow="PARTNERSHIP SCENARIOS" title={<><br/><span className="accent"></span></>} description="以下为面向不同类型创作者与合作伙伴的典型合作场景和服务路径,并非客户成功案例;实际方案将根据你的形象资产、粉丝基础与商业目标定制。"/><section className="section shell case-list">{scenarios.map(x=><article className="case" key={x[0]}><div className={`case-art ${x[6]}`}><span>{x[0]}</span><div><i/><i/><i/></div><strong>{x[1]}</strong></div><div className="case-copy"><small>{x[1]}</small><h2>{x[2]}</h2><section><b></b><p>{x[3]}</p></section><section><b></b><p className="tags">{x[4].map(t=><span key={t}>{t}</span>)}</p></section><section><b></b><p className="metrics">{x[5].map(t=><span key={t}> {t}</span>)}</p></section></div></article>)}</section><section className="cta compact shell"><div><p className="kicker">YOUR SCENARIO STARTS HERE</p><h2></h2></div><Link className="btn primary" href="/contact"> <b></b></Link></section></main></SiteShell>}
+2 -2
View File
@@ -16,7 +16,7 @@ export default function Home() {
<p className="eyebrow">AI CREATOR PARTNERSHIP</p> <p className="eyebrow">AI CREATOR PARTNERSHIP</p>
<h1><br/><span className="accent">线</span></h1> <h1><br/><span className="accent">线</span></h1>
<p className="lead"> AI IP</p> <p className="lead"> AI IP</p>
<div className="actions"><Link className="btn primary" href="/contact"> <b></b></Link><Link className="link" href="/cases"> <b></b></Link></div> <div className="actions"><Link className="btn primary" href="/contact"> <b></b></Link><Link className="link" href="/cases"> <b></b></Link></div>
</div> </div>
<div className="hero-art" aria-label="AI 创作者增长系统示意"> <div className="hero-art" aria-label="AI 创作者增长系统示意">
<div className="portrait-card"><span>CREATOR</span><div className="portrait-shape"><i/><i/><i/></div><strong></strong><small> · · </small></div> <div className="portrait-card"><span>CREATOR</span><div className="portrait-shape"><i/><i/><i/></div><strong></strong><small> · · </small></div>
@@ -36,7 +36,7 @@ export default function Home() {
<section className="section dark"><div className="shell"><div className="split light"><div><p className="kicker">PARTNERSHIP VALUE</p><h2><br/></h2></div><Link className="btn pale" href="/advantages"> <b></b></Link></div><div className="flow">{[["01","持续触达粉丝","扩大内容覆盖"],["02","互动被回应","建立关系"],["03","信任被沉淀","形成资产"],["04","影响力变现","持续增长"]].map((x,i)=><article className={i===3?"hot":""} key={x[0]}><span>{x[0]}</span><strong>{x[1]}</strong><small>{x[2]}</small></article>)}</div></div></section> <section className="section dark"><div className="shell"><div className="split light"><div><p className="kicker">PARTNERSHIP VALUE</p><h2><br/></h2></div><Link className="btn pale" href="/advantages"> <b></b></Link></div><div className="flow">{[["01","持续触达粉丝","扩大内容覆盖"],["02","互动被回应","建立关系"],["03","信任被沉淀","形成资产"],["04","影响力变现","持续增长"]].map((x,i)=><article className={i===3?"hot":""} key={x[0]}><span>{x[0]}</span><strong>{x[1]}</strong><small>{x[2]}</small></article>)}</div></div></section>
<section className="section shell"> <section className="section shell">
<div className="title-row"><div><p className="kicker">USE CASES</p><h2></h2></div><Link className="link" href="/cases"> <b></b></Link></div> <div className="title-row"><div><p className="kicker">PARTNERSHIP SCENARIOS</p><h2></h2></div><Link className="link" href="/cases"> <b></b></Link></div>
<div className="scenario-grid">{[ <div className="scenario-grid">{[
["个人创作者","让当前形象与年轻时期的经典形象持续创造价值","AI 数字人 · 年轻时期分身 · 多平台内容","purple"], ["个人创作者","让当前形象与年轻时期的经典形象持续创造价值","AI 数字人 · 年轻时期分身 · 多平台内容","purple"],
["原创数字人 IP","从零打造可持续运营和商业化的虚拟创作者","原创人设 · 内容矩阵 · 粉丝关系","coral"], ["原创数字人 IP","从零打造可持续运营和商业化的虚拟创作者","原创人设 · 内容矩阵 · 粉丝关系","coral"],
+1 -1
View File
@@ -2,5 +2,5 @@
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
import { useState } from "react"; import { useState } from "react";
const links=[["/","首页"],["/advantages","合作优势"],["/process","合作流程"],["/cases","案例展示"],["/faq","常见问题"],["/contact","联系"]]; const links=[["/","首页"],["/advantages","合作优势"],["/process","合作流程"],["/cases","合作场景"],["/faq","常见问题"],["/contact","联系"]];
export function SiteNav(){const path=usePathname();const [open,setOpen]=useState(false);return <header><div className="shell nav"><Link className="brand" href="/" onClick={()=>setOpen(false)}>COZ<span>CREATOR</span></Link><button className="menu" type="button" aria-label={open?"关闭导航":"打开导航"} aria-expanded={open} onClick={()=>setOpen(!open)}><i/><i/></button><nav className={open?"open":""}>{links.map(([href,label])=><Link className={path===href?"active":""} href={href} key={href} onClick={()=>setOpen(false)}>{label}</Link>)}<Link className="nav-cta" href="/contact"></Link></nav></div></header>} export function SiteNav(){const path=usePathname();const [open,setOpen]=useState(false);return <header><div className="shell nav"><Link className="brand" href="/" onClick={()=>setOpen(false)}>COZ<span>CREATOR</span></Link><button className="menu" type="button" aria-label={open?"关闭导航":"打开导航"} aria-expanded={open} onClick={()=>setOpen(!open)}><i/><i/></button><nav className={open?"open":""}>{links.map(([href,label])=><Link className={path===href?"active":""} href={href} key={href} onClick={()=>setOpen(false)}>{label}</Link>)}<Link className="nav-cta" href="/contact"></Link></nav></div></header>}
+1 -1
View File
@@ -2,4 +2,4 @@ import Link from "next/link";
import type { ReactNode } from "react"; import type { ReactNode } from "react";
import { SiteNav } from "./SiteNav"; import { SiteNav } from "./SiteNav";
export function SiteShell({children}:{children:ReactNode}) { return <div className="site"><SiteNav/>{children}<footer><div className="shell footer-main"><div><Link className="brand inverted" href="/">COZ<span>CREATOR</span></Link><p> AI </p></div><nav><div><strong></strong><Link href="/advantages"></Link><Link href="/process"></Link><Link href="/cases"></Link></div><div><strong></strong><Link href="/faq"></Link><Link href="/contact"></Link><Link href="/contact"></Link></div></nav></div><div className="shell footer-bottom"><span>© 2026 COZCREATOR</span><span> AI · IP · · </span></div></footer></div> } export function SiteShell({children}:{children:ReactNode}) { return <div className="site"><SiteNav/>{children}<footer><div className="shell footer-main"><div><Link className="brand inverted" href="/">COZ<span>CREATOR</span></Link><p> AI </p></div><nav><div><strong></strong><Link href="/advantages"></Link><Link href="/process"></Link><Link href="/cases"></Link></div><div><strong></strong><Link href="/faq"></Link><Link href="/contact"></Link><Link href="/contact"></Link></div></nav></div><div className="shell footer-bottom"><span>© 2026 COZCREATOR</span><span> AI · IP · · </span></div></footer></div> }