You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
197 lines
9.2 KiB
197 lines
9.2 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title data-i18n="pricing.meta.title">Popi.art Pricing</title>
|
|
<meta name="description" data-i18n-content="pricing.meta.description" content="Popi.art 定价与开通方式静态页原型。" />
|
|
<link rel="stylesheet" href="./skillhub_assets/site.css" />
|
|
<script src="./skillhub_assets/site.js" defer></script>
|
|
</head>
|
|
<body data-page="pricing">
|
|
<div class="site-shell">
|
|
<header class="site-header">
|
|
<a class="site-brand" href="./skillhub_index.html">
|
|
<span class="site-brand-dot"></span>
|
|
<span>Popi<span class="accent">.art</span></span>
|
|
</a>
|
|
<nav class="site-nav">
|
|
<a href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a href="./skillhub_skills.html" data-i18n="common.nav.skills">技能页</a>
|
|
<a href="./skillhub_console.html" data-i18n="common.nav.console">控制台</a>
|
|
<a class="is-active" href="./skillhub_pricing.html" data-i18n="common.nav.pricing">定价</a>
|
|
</nav>
|
|
<div class="site-actions">
|
|
<a class="locale-link" href="./skillhub_pricing.html" data-locale-toggle data-i18n="common.localeToggle">中文</a>
|
|
<a class="button button-primary button-header" href="./skillhub_login.html" data-i18n="common.login">登录</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="site-main">
|
|
<div class="page-stack">
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="pricing.heading">
|
|
<div class="eyebrow">PRICING</div>
|
|
<h2>购买更多 <span>Credits</span></h2>
|
|
<p>静态定价页先沿用 `open-claw` 的 Credits 结构，能力名称与分类来自 `popiartcli` 和 `Popiart_skillhub`。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="credits-layout">
|
|
<article class="credits-pack" data-i18n-html="pricing.packs">
|
|
<div class="eyebrow eyebrow-soft">CREDIT PACKS</div>
|
|
<h3>登录后选择积分包继续</h3>
|
|
<p>静态页先展示积分包信息架构。真实价格、充值、余额和账单应由 `popiartServer` 提供。</p>
|
|
|
|
<div class="credits-tier-list">
|
|
<div class="credits-tier">
|
|
<div>
|
|
<strong>Starter Pack</strong>
|
|
<span>200 Credits / 适合 quick start 与单次 demo</span>
|
|
</div>
|
|
<em>¥29</em>
|
|
</div>
|
|
<div class="credits-tier">
|
|
<div>
|
|
<strong>Creator Pack</strong>
|
|
<span>1000 Credits / 适合日常 run、jobs 与 artifacts workflow</span>
|
|
</div>
|
|
<em>¥99</em>
|
|
</div>
|
|
<div class="credits-tier">
|
|
<div>
|
|
<strong>Studio Pack</strong>
|
|
<span>5000 Credits / 适合多项目与较高频的 agent 调用</span>
|
|
</div>
|
|
<em>¥399</em>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-actions">
|
|
<a class="button button-primary" href="./skillhub_login.html">登录后购买</a>
|
|
<a class="button button-secondary" href="./skillhub_docs.html">查看文档</a>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="usage-board" data-i18n-html="pricing.usage">
|
|
<div class="eyebrow">CREDIT 消耗</div>
|
|
<h3>按能力查看静态消耗示意</h3>
|
|
<p>能力名称和分类依据当前 catalog；Credits 数字仅用于静态页面演示，后续应从服务端真实计费表生成。</p>
|
|
|
|
<div class="usage-columns">
|
|
<div class="usage-group">
|
|
<h4>图片工具</h4>
|
|
<div class="usage-list">
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-image-text2image-basic-v1</strong>
|
|
<span>从文本生成图片</span>
|
|
</div>
|
|
<em>4 Credits/张</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-image-img2img-basic-v1</strong>
|
|
<span>对已有图片进行编辑</span>
|
|
</div>
|
|
<em>2 Credits/张</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-image-img2img-edit-v1</strong>
|
|
<span>多图参考与局部编辑</span>
|
|
</div>
|
|
<em>3 Credits/张</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-image-text2image-character-sheet-v1</strong>
|
|
<span>角色设定图与多视图生成</span>
|
|
</div>
|
|
<em>6 Credits/张</em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="usage-group">
|
|
<h4>视频与音频工具</h4>
|
|
<div class="usage-list">
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-video-image2video-basic-v1</strong>
|
|
<span>以图片为首帧生成视频</span>
|
|
</div>
|
|
<em>20 Credits/5s</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-video-text2video-studio-v1</strong>
|
|
<span>从文本生成视频片段</span>
|
|
</div>
|
|
<em>25 Credits/5s</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-video-avatar-talking-head-v1</strong>
|
|
<span>Talking head 与头像驱动视频</span>
|
|
</div>
|
|
<em>18 Credits/5s</em>
|
|
</div>
|
|
<div class="usage-item">
|
|
<div>
|
|
<strong>popiskill-audio-tts-multimodel-v1</strong>
|
|
<span>多模型 TTS 语音生成</span>
|
|
</div>
|
|
<em>3 Credits/次</em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="section-title section-heading" data-i18n-html="pricing.faqHeading">
|
|
<div class="eyebrow">FAQ</div>
|
|
<h2>常见问题</h2>
|
|
</div>
|
|
|
|
<div class="faq-list">
|
|
<article class="faq-card" data-i18n-html="pricing.faq1">
|
|
<h3>资源包可以叠加购买吗？</h3>
|
|
<p>静态原型先按“可叠加”设计，多个积分包累加到同一产品层账户。真实有效期和叠加规则后续应由账单服务确定。</p>
|
|
</article>
|
|
<article class="faq-card" data-i18n-html="pricing.faq2">
|
|
<h3>SkillHub 里的 59 个 skill 都能立刻运行吗？</h3>
|
|
<p>不能默认这么假设。当前 CLI 状态文档明确只有 3 个 skill 被视为官方 runtime baseline，其余还取决于服务端注册和路由情况。</p>
|
|
</article>
|
|
<article class="faq-card" data-i18n-html="pricing.faq3">
|
|
<h3>超出额度后还能继续使用吗？</h3>
|
|
<p>静态原型先按“需续购 Credits 包”来设计。未来若接月度套餐或赠送额度，规则应由 `popiartServer` 的 billing 层统一返回。</p>
|
|
</article>
|
|
<article class="faq-card" data-i18n-html="pricing.faq4">
|
|
<h3>为什么登录用的是产品层 key，而不是 provider key？</h3>
|
|
<p>`popiartcli` 明确不应直接持有上游 provider key。真实 provider key 应该留在 gateway 和 server 边界之后。</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="footer-grid">
|
|
<div>
|
|
<strong data-i18n="pricing.footer.title">Popi.art Pricing Prototype</strong>
|
|
<div class="footer-subtitle" data-i18n-html="pricing.footer.subtitle">定价文案围绕产品层价值组织，避免直接暴露 provider 细节。</div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<a href="./skillhub_index.html" data-i18n="common.nav.home">首页</a>
|
|
<a href="./skillhub_docs.html" data-i18n="common.nav.docs">文档</a>
|
|
<a href="./skillhub_login.html" data-i18n="common.login">登录</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|