Reframe examples as partnership scenarios
This commit is contained in:
+2
-2
@@ -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
@@ -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"],
|
||||||
|
|||||||
@@ -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>}
|
||||||
|
|||||||
@@ -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> }
|
||||||
|
|||||||
Reference in New Issue
Block a user