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

import Link from "next/link";import { PageHero } from "../../components/PageHero";import { SiteShell } from "../../components/SiteShell";
const scenarios=[["SCENARIO 01","Established Individual Creator","Reconnect fans with an iconic younger image through an AI avatar","You have classic photos and work with strong emotional value, but limited personal time makes it difficult to generate new engagement and revenue consistently.",["Build an authorized younger-era AI avatar","Recreate the iconic image and communication style","Expand multilingual digital human content"],["Reawaken classic content","Reach new markets","Deepen fan engagement"],"purple"],["SCENARIO 02","Original Digital Human IP","Build a virtual creator designed for long-term growth","With no real-person prototype or existing audience, we develop the appearance, persona, story, content style, and fan relationship experience around a defined target audience.",["Original identity and content universe","Multi-platform content launch","Comment and DM relationship operations"],["Persona recognition","Audience growth","Revenue per fan"],"coral"],["SCENARIO 03","MCN / Agency","Build scalable growth infrastructure for multiple creators","Different accounts rely on separate teams, while content, engagement, and revenue data remain fragmented and difficult to replicate.",["Standardized creator onboarding","Shared operating playbooks","Unified performance analysis"],["Onboarding efficiency","Operating consistency","Portfolio revenue"],"blue"]] as const;
export default function Cases(){return <SiteShell><main><PageHero eyebrow="PARTNERSHIP SCENARIOS" title={<>Different starting points.<br/>One goal: <span className="accent">amplify value</span></>} description="These are typical partnership scenarios and service paths—not customer success stories. Your solution will be tailored to your image assets, audience foundation, and commercial goals."/><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>BEST FOR</b><p>{x[3]}</p></section><section><b>WHAT WE PROVIDE</b><p className="tags">{x[4].map(t=><span key={t}>{t}</span>)}</p></section><section><b>GROWTH FOCUS</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>Your partnership path starts with your real assets</h2></div><Link className="btn primary" href="/contact">Tell Us About Your Goals <b>→</b></Link></section></main></SiteShell>}