Add AI digital human and younger-era creator avatar offering
This commit is contained in:
Codex
@@ -1,4 +1,4 @@
|
||||
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
|
||||
const cards=[["01","保留你的独特性","从形象、语气到内容边界共同设定，让 AI 分身延续你的表达。"],["02","内容产能可扩展","把一个创意延展到短视频、图文、语音与多语言版本。"],["03","关系持续被经营","从评论到私聊建立连续体验，让高意向粉丝得到自然回应。"],["04","变现不止一种","组合订阅、付费内容、打赏、专属互动等收入路径。"],["05","全程授权可控","合作前明确授权范围、内容红线与审核机制。"],["06","每一步可复盘","围绕内容触达、互动深度与粉丝价值建立指标。"]];
|
||||
const cards=[["01","经典形象重新被看见","基于经授权的照片、视频与声音，创建当前形象或年轻时期经典形象的 AI 数字人，让珍贵的个人资产持续与粉丝连接。"],["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>}
|
||||
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>}
|
||||
|
||||
+1
-1
@@ -1,3 +1,3 @@
|
||||
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
|
||||
const cases=[["CASE 01","成熟个人创作者","把经典形象延展为持续更新的 AI 内容 IP","拥有稳定粉丝基础，但个人时间有限，内容频率和覆盖市场难以扩大。",["建立授权 AI 分身","扩展多语言内容","承接高意向互动"],["内容产能","跨市场触达","互动进入率"],"purple"],["CASE 02","关系型内容 IP","让一次内容互动，走向长期粉丝关系","评论活跃、私聊需求高，但人工无法持续回应，商业机会自然流失。",["评论分层运营","连续私聊体验","付费内容与订阅"],["关系深度","用户留存","单粉丝价值"],"coral"],["CASE 03","MCN / Agency","为多个创作者建立可复制的增长基础设施","不同账号依赖不同团队，内容、互动和收入数据分散，经验难复制。",["标准化创作者上架","共享运营规则","统一数据复盘"],["上架效率","运营一致性","矩阵收入"],"blue"]] as const;
|
||||
const cases=[["CASE 01","成熟个人创作者","让年轻时期的经典形象，以 AI 数字人重新连接粉丝","拥有大量具有情感记忆的经典照片与作品，但个人时间有限，旧内容也难以持续产生新的互动与商业价值。",["建立年轻时期授权 AI 分身","还原经典形象与表达风格","扩展多语言数字人内容"],["经典内容唤醒","跨市场触达","粉丝互动深度"],"purple"],["CASE 02","关系型内容 IP","让一次内容互动，走向长期粉丝关系","评论活跃、私聊需求高，但人工无法持续回应，商业机会自然流失。",["评论分层运营","连续私聊体验","付费内容与订阅"],["关系深度","用户留存","单粉丝价值"],"coral"],["CASE 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>}
|
||||
|
||||
+2
-2
@@ -1,3 +1,3 @@
|
||||
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
|
||||
const qs=[["什么样的创作者适合合作？","更适合已经形成明确形象、内容风格或粉丝基础的个人创作者、艺人、关系型 IP，以及希望为旗下创作者增加运营与变现能力的机构。"],["AI 分身会不会取代创作者本人？","不会。AI 分身延展创作者已经建立的形象与表达；核心创意、授权边界与重大商业决策仍由创作者掌握。"],["如何确保 AI 内容符合我的形象？","合作初期会共同建立创作者 AI 手册，包含语气、价值观、视觉规范、禁区和审核机制。"],["我的肖像、声音和内容版权归谁？","具体权利与使用范围会在正式合作协议中清晰约定。默认仅在获得授权的场景和期限内使用。"],["合作一定要同时做所有服务吗？","不需要。可以从 AI 内容、评论运营、私聊关系或付费内容中的一个场景开始。"],["可以覆盖哪些平台和市场？","合作可适配主流内容、社交与粉丝平台；跨市场扩展会结合账号基础、用户画像与当地条件判断。"],["如何衡量合作是否有效？","不同阶段关注内容触达、互动进入率、粉丝留存、关系深度、付费转化与单粉丝价值。"],["第一步需要准备什么？","提供主要账号、粉丝规模、内容类型，以及当前最想解决的一个问题即可。"]];
|
||||
export default function FAQ(){return <SiteShell><main><PageHero eyebrow="FREQUENTLY ASKED QUESTIONS" title={<>在开始之前，<br/>先把<span className="accent">重要问题</span>说清楚。</>} description="关于 AI 分身、合作边界、版权与效果衡量，这里整理了创作者最常问的问题。" extra={<Link className="link" href="/contact">还有其他问题？联系团队 <b>→</b></Link>}/><section className="section shell faq"><aside><p className="kicker">8 QUESTIONS</p><h2>透明，是长期合作的开始。</h2><p>点击问题查看详细回答。</p></aside><div>{qs.map((x,i)=><details key={x[0]} open={i===0}><summary><span>{String(i+1).padStart(2,"0")}</span>{x[0]}<i>＋</i></summary><p>{x[1]}</p></details>)}</div></section><section className="cta compact shell"><div><p className="kicker">LET'S TALK</p><h2>真实情况不同，最好的答案也会不同。</h2></div><Link className="btn primary" href="/contact">联系合作团队 <b>→</b></Link></section></main></SiteShell>}
|
||||
const qs=[["可以制作创作者年轻时期的 AI 分身吗？","可以。经创作者或合法权利方明确授权后，我们可以基于年轻时期的照片、视频、声音与作品资料，制作相应时期的 AI 数字人；具体形象版本、使用场景和授权期限会在合作前约定。"],["AI 分身会不会取代创作者本人？","不会。AI 分身延展创作者已经建立的形象与表达；核心创意、授权边界与重大商业决策仍由创作者掌握。"],["如何确保 AI 内容符合我的形象？","合作初期会共同建立创作者 AI 手册，包含形象时期、语气、价值观、视觉规范、禁区和审核机制。"],["我的肖像、声音和内容版权归谁？","具体权利与使用范围会在正式合作协议中清晰约定。默认仅在获得授权的场景和期限内使用。"],["合作一定要同时做所有服务吗？","不需要。可以从 AI 数字人内容、评论运营、私聊关系或付费内容中的一个场景开始。"],["可以覆盖哪些平台和市场？","合作可适配主流内容、社交与粉丝平台；跨市场扩展会结合账号基础、用户画像与当地条件判断。"],["如何衡量合作是否有效？","不同阶段关注内容触达、互动进入率、粉丝留存、关系深度、付费转化与单粉丝价值。"],["第一步需要准备什么？","提供主要账号、粉丝规模、希望使用的形象时期，以及当前最想解决的一个问题即可。"]];
|
||||
export default function FAQ(){return <SiteShell><main><PageHero eyebrow="FREQUENTLY ASKED QUESTIONS" title={<>在开始之前，<br/>先把<span className="accent">重要问题</span>说清楚。</>} description="关于 AI 数字人、年轻时期分身、合作边界、版权与效果衡量，这里整理了创作者最常问的问题。" extra={<Link className="link" href="/contact">还有其他问题？联系团队 <b>→</b></Link>}/><section className="section shell faq"><aside><p className="kicker">8 QUESTIONS</p><h2>透明，是长期合作的开始。</h2><p>点击问题查看详细回答。</p></aside><div>{qs.map((x,i)=><details key={x[0]} open={i===0}><summary><span>{String(i+1).padStart(2,"0")}</span>{x[0]}<i>＋</i></summary><p>{x[1]}</p></details>)}</div></section><section className="cta compact shell"><div><p className="kicker">LET'S TALK</p><h2>真实情况不同，最好的答案也会不同。</h2></div><Link className="btn primary" href="/contact">联系合作团队 <b>→</b></Link></section></main></SiteShell>}
|
||||
|
||||
+1
-1
@@ -14,7 +14,7 @@ const geistMono = Geist_Mono({
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "COZCREATOR｜AI 创作者合作服务",
|
||||
description: "为创作者与机构提供 AI 分身、内容增长、粉丝关系运营与商业化服务。",
|
||||
description: "为创作者与机构提供 AI 数字人、年轻时期 AI 分身、内容增长、粉丝关系运营与商业化服务。",
|
||||
other: {
|
||||
"codex-preview": "development",
|
||||
},
|
||||
|
||||
+5
-5
@@ -2,7 +2,7 @@ import Link from "next/link";
|
||||
import { SiteShell } from "../components/SiteShell";
|
||||
|
||||
const services = [
|
||||
["01", "AI 分身", "在创作者授权与边界内，建立可持续更新的数字形象。"],
|
||||
["01", "AI 数字人", "基于创作者当前形象或年轻时期的经典形象，打造可持续更新的授权 AI 分身。"],
|
||||
["02", "内容增长", "把一次创意延展为多平台、多语言、多形态内容资产。"],
|
||||
["03", "关系运营", "承接评论与私聊，让粉丝被回应、被理解、愿意留下。"],
|
||||
["04", "粉丝变现", "组合订阅、付费内容、打赏与专属互动，构建长期收入。"],
|
||||
@@ -15,13 +15,13 @@ export default function Home() {
|
||||
<div className="hero-copy">
|
||||
<p className="eyebrow">AI CREATOR PARTNERSHIP</p>
|
||||
<h1>让你的影响力，<br/>拥有第二条<span className="accent">增长曲线</span></h1>
|
||||
<p className="lead">为成熟创作者与机构打造专属 AI 分身，持续生产内容、经营粉丝关系，让每一次互动都沉淀为长期价值。</p>
|
||||
<p className="lead">为成熟创作者与机构打造专属 AI 数字人——既可以延展当前形象，也可以让年轻时期的经典形象重新与粉丝见面，并持续生产内容、经营关系。</p>
|
||||
<div className="actions"><Link className="btn primary" href="/contact">申请合作 <b>→</b></Link><Link className="link" href="/cases">查看合作案例 <b>→</b></Link></div>
|
||||
</div>
|
||||
<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="twin-card"><span>AI TWIN</span><strong>持续放大</strong><small>内容 · 关系 · 商业化</small></div>
|
||||
<div className="orbit-label">AI 分身已连接 <i/></div>
|
||||
<div className="twin-card"><span>AI AVATAR</span><strong>经典形象新生</strong><small>当前 · 年轻时期 · 声音</small></div>
|
||||
<div className="orbit-label">AI 数字人已连接 <i/></div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="shell proof"><div><i>✦</i>一套完整的创作者增长系统</div><div><strong>1:1</strong><span>专属合作方案</span></div><div><strong>4</strong><span>核心增长模块</span></div><div><strong>∞</strong><span>可扩展场景</span></div></div>
|
||||
@@ -37,7 +37,7 @@ export default function Home() {
|
||||
<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="scenario-grid">{[
|
||||
["个人创作者","把个人影响力变成可持续经营的品牌资产","AI 分身 · 多平台内容 · 粉丝私域","purple"],
|
||||
["个人创作者","让当前形象与年轻时期的经典形象持续创造价值","AI 数字人 · 年轻时期分身 · 多平台内容","purple"],
|
||||
["关系型 IP","从内容关注走向更深、更长期的粉丝关系","评论运营 · 私聊体验 · 付费内容","coral"],
|
||||
["MCN / Agency","用一套系统承接多个创作者增长与变现","批量上架 · 标准流程 · 数据复盘","blue"],
|
||||
].map(([label,title,tags,color])=><article className={`scenario ${color}`} key={label}><span>{label}</span><h3>{title}</h3><p>{tags}</p><Link href="/cases">↗</Link></article>)}</div>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
|
||||
const steps=[["01","合作诊断","了解内容资产、核心粉丝、平台分布与商业目标，找到最值得优先验证的机会。","合作机会地图"],["02","形象与边界","共同定义 AI 分身的人设、表达方式、授权范围和审核规则。","创作者 AI 手册"],["03","AI 分身制作","完成形象、声音与对话能力校准，并准备首批内容样本。","可测试版本"],["04","小范围验证","选择一个平台或场景开始，观察触达、互动、留存与付费信号。","验证数据"],["05","规模化增长","扩展内容形态、渠道和变现路径，形成可复用运营节奏。","长期增长计划"]];
|
||||
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>}
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
"use client";import { FormEvent,useState } from "react";
|
||||
const interests=["AI 分身","内容增长","评论与私聊运营","粉丝变现","MCN / Agency 合作"];
|
||||
const interests=["AI 数字人","年轻时期 AI 分身","内容增长","评论与私聊运营","粉丝变现","MCN / Agency 合作"];
|
||||
export function ContactForm(){const [sent,setSent]=useState(false);function submit(e:FormEvent){e.preventDefault();setSent(true)}if(sent)return <div className="success" role="status"><i>✓</i><p className="eyebrow">INQUIRY SAVED</p><h2>合作意向已记录。</h2><p>这是网站原型的交互演示。正式上线时，可将表单接入邮箱、CRM 或企业协作工具。</p><button className="link" type="button" onClick={()=>setSent(false)}>继续填写一份 <b>→</b></button></div>;return <form className="form" onSubmit={submit}><div className="form-row"><label>你的称呼<input required placeholder="怎么称呼你"/></label><label>合作身份<select required defaultValue=""><option value="" disabled>请选择</option><option>个人创作者</option><option>艺人 / 经纪团队</option><option>MCN / Agency</option><option>品牌或平台</option></select></label></div><label>主要账号或作品链接<input required type="url" placeholder="https://"/></label><div className="form-row"><label>主要平台<select required defaultValue=""><option value="" disabled>请选择</option><option>Facebook</option><option>Instagram</option><option>TikTok</option><option>YouTube</option><option>其他</option></select></label><label>粉丝规模<select required defaultValue=""><option value="" disabled>请选择</option><option>1 万以下</option><option>1–10 万</option><option>10–100 万</option><option>100 万以上</option></select></label></div><fieldset><legend>感兴趣的合作方向</legend><div className="checks">{interests.map(x=><label key={x}><input type="checkbox"/><span>{x}</span></label>)}</div></fieldset><label>你现在最想解决的问题<textarea rows={5} placeholder="例如：有粉丝基础，但私聊和变现还没有系统运营……"/></label><label className="consent"><input required type="checkbox"/><span>我同意团队仅为评估本次合作而使用以上信息。</span></label><button className="btn primary submit" type="submit">提交合作意向 <b>→</b></button><p className="note">原型演示：当前不会向外部系统发送数据。</p></form>}
|
||||
|
||||
@@ -2,4 +2,4 @@ import Link from "next/link";
|
||||
import type { ReactNode } from "react";
|
||||
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 分身 · 内容增长 · 关系运营 · 粉丝变现</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 数字人 · 年轻时期分身 · 关系运营 · 粉丝变现</span></div></footer></div> }
|
||||
|
||||
Reference in New Issue
Block a user