From 310efb823f668e5fb874986bcbbe3b939b04738c Mon Sep 17 00:00:00 2001 From: Codex Date: Tue, 21 Jul 2026 12:42:34 +0200 Subject: [PATCH] Add AI Creator Economy homepage feature --- app/globals.css | 7 +++++++ app/page.tsx | 27 +++++++++++++++++++++++++++ 2 files changed, 34 insertions(+) diff --git a/app/globals.css b/app/globals.css index 4b5f35c..c09d30b 100644 --- a/app/globals.css +++ b/app/globals.css @@ -52,3 +52,10 @@ footer{background:radial-gradient(circle at 15% 0,rgba(112,64,232,.16),transpare .funnel-results{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.funnel-results span{padding:17px 20px;text-align:center;color:#ddd6e7;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.04)} @media(max-width:1040px){.funnel-head{gap:50px}.funnel-track{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:8px}.funnel-track article{min-height:170px}.funnel-track b{display:none}} @media(max-width:760px){.funnel-head{grid-template-columns:1fr;gap:28px;margin-bottom:45px}.funnel-head>p{font-size:16px}.funnel-track{grid-template-columns:1fr;overflow:visible}.funnel-track article{min-height:135px}.funnel-results{grid-template-columns:1fr}.funnel-results span{border-radius:16px;text-align:left}} + +/* Homepage: AI Creator Economy declaration */ +.economy-section{position:relative;min-height:880px;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 78% 48%,rgba(118,70,232,.28),transparent 34%),radial-gradient(circle at 8% 92%,rgba(45,199,152,.12),transparent 26%),#09090b;overflow:hidden}.economy-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to right,#000,transparent 72%)} +.economy-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;padding-top:100px;padding-bottom:100px}.economy-copy .eyebrow{color:#a978ff}.economy-copy h2{margin:0;font:800 clamp(56px,6.3vw,94px)/.94 var(--font-geist-sans),Arial,sans-serif;letter-spacing:-.065em}.economy-copy h2 span{color:#9c6bff}.economy-copy>p:not(.eyebrow){max-width:690px;margin:38px 0 0;color:#b9b5c0;font-size:18px;line-height:1.9}.economy-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.economy-btn{color:#09090b;background:#fff;border-radius:999px}.economy-actions small{color:#8f8997} +.revenue-visual{position:relative;min-height:650px;display:grid;place-items:center}.revenue-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(142,86,255,.44),rgba(91,46,180,.12) 48%,transparent 70%);filter:blur(12px)}.revenue-phone{position:relative;z-index:2;width:min(385px,78vw);min-height:650px;padding:28px 25px;color:#fff;background:linear-gradient(165deg,#17171d,#070708 65%);border:1px solid rgba(255,255,255,.22);border-radius:54px;box-shadow:0 45px 110px rgba(0,0,0,.6),inset 0 0 0 7px #020203;overflow:hidden}.revenue-phone:before{content:"";position:absolute;top:13px;left:50%;width:112px;height:27px;background:#000;border-radius:20px;transform:translateX(-50%)}.phone-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:20px 7px 50px;color:#aaa;font-size:11px;letter-spacing:.17em}.phone-top i{width:9px;height:9px;background:#7e48ef;border-radius:50%;box-shadow:0 0 15px #8d5aff}.phone-top b{letter-spacing:2px}.phone-greeting{display:flex;flex-direction:column}.phone-greeting>span{color:#9a70f4;font-size:11px;font-weight:750;letter-spacing:.18em}.phone-greeting strong{margin-top:15px;font-size:30px;line-height:1.25}.phone-greeting small{margin-top:8px;color:#777}.revenue-chart{height:150px;margin:30px 0 22px;padding:12px 14px 0;display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid #333;background:linear-gradient(180deg,rgba(128,77,235,.08),transparent)}.revenue-chart div{flex:1;min-height:25%;background:linear-gradient(180deg,#a776ff,#6030d7);border-radius:7px 7px 0 0;box-shadow:0 0 18px rgba(128,77,235,.18)}.revenue-chart div:nth-child(2){height:38%}.revenue-chart div:nth-child(3){height:50%}.revenue-chart div:nth-child(4){height:63%}.revenue-chart div:nth-child(5){height:77%}.revenue-chart div:nth-child(6){height:96%;background:linear-gradient(180deg,#c5a7ff,#7b43ed)}.revenue-list{display:grid;gap:9px}.revenue-list>div{display:grid;grid-template-columns:35px 1fr 28px;align-items:center;padding:13px 14px;border:1px solid #24242b;border-radius:13px;background:#111116}.revenue-list i{color:#8051df;font:600 11px Georgia;font-style:normal}.revenue-list span{font-size:13px}.revenue-list b{color:#a776ff;text-align:right}.revenue-float{position:absolute;z-index:3;min-width:215px;padding:17px 19px;display:flex;flex-direction:column;gap:6px;color:#111;background:rgba(255,255,255,.94);border-radius:18px;box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.revenue-float small{color:#746f7a;font-size:11px}.revenue-float strong{font-size:14px}.revenue-float.top{right:-22px;top:125px}.revenue-float.bottom{left:-38px;bottom:105px;background:linear-gradient(135deg,#a97aff,#d2b9ff)} +@media(max-width:1040px){.economy-section{min-height:auto}.economy-grid{grid-template-columns:1fr;gap:55px}.economy-copy h2{max-width:850px}.revenue-visual{min-height:660px}.revenue-float.top{right:8%}.revenue-float.bottom{left:8%}} +@media(max-width:760px){.economy-grid{padding-top:80px;padding-bottom:80px}.economy-copy h2{font-size:clamp(48px,15vw,68px)}.economy-copy>p:not(.eyebrow){font-size:16px}.economy-actions{align-items:flex-start;flex-direction:column;gap:18px}.revenue-visual{min-height:610px}.revenue-phone{min-height:600px;padding:25px 20px;border-radius:42px}.revenue-float{min-width:170px;padding:13px}.revenue-float.top{right:-5px;top:100px}.revenue-float.bottom{left:-5px;bottom:90px}.phone-greeting strong{font-size:25px}.revenue-chart{height:125px}.revenue-list>div{padding:11px 12px}} diff --git a/app/page.tsx b/app/page.tsx index 105efea..685de97 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -28,6 +28,33 @@ export default function Home() {
✦一套完整的创作者增长系统
1:1专属合作方案
4核心增长模块
∞可扩展场景
+
+
+
+

COZSWEET CREATOR REVENUE ENGINE

+

THE AI CREATOR
ECONOMY HAS
ARRIVED.

+

Cozsweet 不只帮你生产更多内容，更把内容带来的流量转化为可持续经营的粉丝关系，并通过订阅、付费聊天、付费内容、打赏与专属互动，帮助创作者持续增加账号收入。

+
了解增收方式 →从流量，到关系，再到收入
+
+
+
+
+
COZSWEET•••
+
CREATOR REVENUE多元收入持续增长内容价值正在被转化
+
+
+
01订阅收入↗
+
02付费聊天↗
+
03付费内容↗
+
04粉丝打赏↗
+
+
+
关系运营评论 → 私信 → 私域
+
增长目标账号收入 ↑
+
+
+
+

OUR MODEL

不是替代创作者，
而是放大创作者。

已有真人创作者，我们放大其形象、表达与粉丝信任；没有真人原型，也可以从零定义形象、人设与故事，打造完全原创的数字人 IP。

真人授权分身原创数字人 IP
{services.map(([no,title,text])=>
{no}

{title}

{text}

)}