@mevdragon/vidfarm-devcli 0.20.6 → 0.20.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.agents/skills/editor-capabilities/SKILL.md +15 -1
- package/.agents/skills/vidfarm-director/SKILL.md +106 -0
- package/.agents/skills/vidfarm-director/recipes/find-and-fork-template.md +16 -0
- package/.agents/skills/vidfarm-director/recipes/local-edit-render-approve.md +13 -0
- package/.agents/skills/vidfarm-director/recipes/onboard-a-new-director.md +13 -0
- package/.agents/skills/vidfarm-director/recipes/retheme-template.md +17 -0
- package/.agents/skills/vidfarm-director/references/assets-and-sourcing.md +111 -0
- package/.agents/skills/vidfarm-director/references/automation-and-local-dev.md +243 -0
- package/.agents/skills/vidfarm-director/references/core-workflows.md +273 -0
- package/.agents/skills/vidfarm-director/references/editor-workflows.md +365 -0
- package/.agents/skills/vidfarm-director/references/onboarding.md +28 -0
- package/.agents/skills/vidfarm-director/references/primitives.md +265 -0
- package/SKILL.director.md +476 -260
- package/dist/src/cli.js +362 -96
- package/dist/src/devcli/clips.js +15 -10
- package/dist/src/devcli/doctor.js +2 -2
- package/dist/src/devcli/local-backend.js +46 -2
- package/dist/src/services/clip-curation/cost.js +5 -1
- package/dist/src/services/clip-curation/gemini.js +10 -0
- package/package.json +30 -10
- package/SKILL.platform.md +0 -432
- package/demo/README.md +0 -28
- package/demo/dist/app.css +0 -1
- package/demo/dist/app.js +0 -1850
- package/demo/dist/chunks/chunk-DXB73IDG.js +0 -1
- package/demo/dist/chunks/chunk-S7OWAJDS.js +0 -36
- package/demo/dist/chunks/chunk-VTIBZ6AN.js +0 -1
- package/demo/dist/chunks/dist-ADSJKBVE.js +0 -332
- package/demo/dist/chunks/domEditingLayers-VZMLL4AP-SGHWPND4.js +0 -1
- package/demo/dist/chunks/hyperframes-player-XB65TCD6.js +0 -425
- package/demo/dist/chunks/lib-XAQ37YOE.js +0 -1
- package/demo/dist/chunks/src-TJ2QYA4U.js +0 -207
- package/demo/dist/favicon.ico +0 -0
- package/demo/dist/icons/timeline/audio.svg +0 -7
- package/demo/dist/icons/timeline/captions.svg +0 -5
- package/demo/dist/icons/timeline/composition.svg +0 -12
- package/demo/dist/icons/timeline/image.svg +0 -18
- package/demo/dist/icons/timeline/music.svg +0 -10
- package/demo/dist/icons/timeline/text.svg +0 -3
- package/demo/dist/index.html +0 -15
- package/dist/src/account-pages-legacy.js +0 -9396
- package/dist/src/account-pages.js +0 -61
- package/dist/src/app.js +0 -21603
- package/dist/src/composition-runtime.js +0 -1053
- package/dist/src/config.js +0 -217
- package/dist/src/context.js +0 -447
- package/dist/src/dev-app-legacy.js +0 -739
- package/dist/src/dev-app.js +0 -6
- package/dist/src/devcli/migrate-local.js +0 -140
- package/dist/src/devcli/sync.js +0 -368
- package/dist/src/domain.js +0 -5
- package/dist/src/editor-chat-history.js +0 -82
- package/dist/src/editor-chat.js +0 -828
- package/dist/src/editor-dark-theme.js +0 -1128
- package/dist/src/frontend/debug.js +0 -71
- package/dist/src/frontend/discover-client.js +0 -130
- package/dist/src/frontend/discover-store.js +0 -23
- package/dist/src/frontend/file-directory.js +0 -1018
- package/dist/src/frontend/flockposter-cache-store.js +0 -124
- package/dist/src/frontend/homepage-client.js +0 -446
- package/dist/src/frontend/homepage-shared.js +0 -201
- package/dist/src/frontend/homepage-store.js +0 -66
- package/dist/src/frontend/homepage-view.js +0 -705
- package/dist/src/frontend/page-runtime-client.js +0 -132
- package/dist/src/frontend/page-runtime-store.js +0 -9
- package/dist/src/frontend/sentry.js +0 -42
- package/dist/src/frontend/template-editor-chat.js +0 -4181
- package/dist/src/help-page.js +0 -346
- package/dist/src/homepage.js +0 -1458
- package/dist/src/index.js +0 -16
- package/dist/src/instrument.js +0 -30
- package/dist/src/landing-page.js +0 -384
- package/dist/src/page-runtime.js +0 -2
- package/dist/src/page-shell.js +0 -1452
- package/dist/src/primitive-context.js +0 -416
- package/dist/src/primitive-registry.js +0 -3940
- package/dist/src/primitive-sdk.js +0 -4
- package/dist/src/primitives/hyperframes-media.js +0 -108
- package/dist/src/react-page-shell.js +0 -35
- package/dist/src/ready-post-schedule-component.js +0 -1540
- package/dist/src/registry.js +0 -296
- package/dist/src/reskin/agency-page.js +0 -299
- package/dist/src/reskin/calendar-page.js +0 -568
- package/dist/src/reskin/chat-page.js +0 -942
- package/dist/src/reskin/discover-page.js +0 -1788
- package/dist/src/reskin/document.js +0 -1587
- package/dist/src/reskin/help-page.js +0 -357
- package/dist/src/reskin/index-page.js +0 -62
- package/dist/src/reskin/inpaint-clipper-page.js +0 -890
- package/dist/src/reskin/inpaint-page.js +0 -2554
- package/dist/src/reskin/inpaint-video-page.js +0 -1339
- package/dist/src/reskin/job-runs-page.js +0 -477
- package/dist/src/reskin/library-page.js +0 -1634
- package/dist/src/reskin/login-page.js +0 -262
- package/dist/src/reskin/portfolio-page.js +0 -687
- package/dist/src/reskin/pricing-page.js +0 -390
- package/dist/src/reskin/settings-page.js +0 -732
- package/dist/src/reskin/theme.js +0 -711
- package/dist/src/runtime.js +0 -35
- package/dist/src/services/api-call-history.js +0 -249
- package/dist/src/services/auth.js +0 -152
- package/dist/src/services/billing-pricing.js +0 -39
- package/dist/src/services/billing.js +0 -241
- package/dist/src/services/cast.js +0 -127
- package/dist/src/services/chat-threads.js +0 -92
- package/dist/src/services/clip-records.js +0 -250
- package/dist/src/services/clip-search.js +0 -77
- package/dist/src/services/clip-vectors.js +0 -125
- package/dist/src/services/composition-sanitize.js +0 -124
- package/dist/src/services/composition-watch.js +0 -79
- package/dist/src/services/elevenlabs.js +0 -222
- package/dist/src/services/file-directory.js +0 -117
- package/dist/src/services/fork-access.js +0 -93
- package/dist/src/services/fork-manifest.js +0 -42
- package/dist/src/services/ghostcut.js +0 -179
- package/dist/src/services/hyperframes.js +0 -3654
- package/dist/src/services/job-capacity.js +0 -14
- package/dist/src/services/job-logs.js +0 -197
- package/dist/src/services/jobs.js +0 -136
- package/dist/src/services/local-dynamo.js +0 -0
- package/dist/src/services/media-processing.js +0 -766
- package/dist/src/services/primitive-media-lambda.js +0 -280
- package/dist/src/services/providers.js +0 -2748
- package/dist/src/services/rate-limits.js +0 -262
- package/dist/src/services/scene-annotations.js +0 -32
- package/dist/src/services/serverless-auth.js +0 -382
- package/dist/src/services/serverless-jobs.js +0 -1084
- package/dist/src/services/serverless-provider-keys.js +0 -409
- package/dist/src/services/serverless-records.js +0 -1515
- package/dist/src/services/serverless-template-configs.js +0 -75
- package/dist/src/services/storage.js +0 -461
- package/dist/src/services/swipe-customize.js +0 -437
- package/dist/src/services/template-certification.js +0 -413
- package/dist/src/services/template-loader.js +0 -99
- package/dist/src/services/template-runtime-bundles.js +0 -217
- package/dist/src/services/template-sources.js +0 -1017
- package/dist/src/services/upstream.js +0 -248
- package/dist/src/services/video-normalization.js +0 -2
- package/dist/src/services/webhooks.js +0 -62
- package/dist/src/template-editor-pages.js +0 -2576
- package/dist/src/template-editor-shell.js +0 -2893
- package/dist/src/template-sdk.js +0 -4
- package/dist/src/worker.js +0 -17
- package/public/assets/discover-client-app.js +0 -1
- package/public/assets/file-directory-app.js +0 -3
- package/public/assets/homepage-app.js +0 -54
- package/public/assets/homepage-client-app.js +0 -80
- package/public/assets/page-runtime-client-app.js +0 -94
- package/public/assets/placeholders/scene-placeholder.png +0 -0
- package/src/assets/SELLING_AWARENESS_STAGES.md +0 -579
- package/src/assets/SELLING_WITH_HOOKS.md +0 -377
- package/src/assets/SELLING_WITH_VSLS.md +0 -606
- package/src/assets/favicon.ico +0 -0
- package/src/assets/logo-vidfarm.png +0 -0
|
@@ -1,390 +0,0 @@
|
|
|
1
|
-
// /reskin/pricing — MIGRATED to real production billing.
|
|
2
|
-
//
|
|
3
|
-
// This mirrors the live vidfarm billing surface (src/account-pages-legacy.ts
|
|
4
|
-
// `renderPricingPage` + the settings wallet flow + the help page). It accepts the
|
|
5
|
-
// SAME input the live route builds (`Parameters<typeof renderPricingPage>[0]` =
|
|
6
|
-
// `{ email }`), which the live app renders post-login as a paywall gate
|
|
7
|
-
// ("Paid plan required — {email} does not have an active plan").
|
|
8
|
-
//
|
|
9
|
-
// REAL facts wired here (nothing invented):
|
|
10
|
-
// • The one real subscription tier is **$99/month** (the live "Current Offer").
|
|
11
|
-
// On the live page the Buy button is DISABLED ("Checkout is not enabled yet"),
|
|
12
|
-
// so activation happens by contacting operator@zoom-gtm.com — that is the real
|
|
13
|
-
// path today, so the Pro CTA is that mailto (email pre-filled).
|
|
14
|
-
// • Local `vidfarm serve` renders are free → the real free tier.
|
|
15
|
-
// • The credit wallet: every credit is $0.03 of compute; top-ups go to the REAL
|
|
16
|
-
// Stripe checkout https://buy.stripe.com/3cIfZggERgLsfVzfKR53O0H with the
|
|
17
|
-
// email pre-filled (exactly the URL + prefill the live settings modal uses).
|
|
18
|
-
// • Manage/cancel the subscription via the REAL Stripe billing portal
|
|
19
|
-
// https://billing.stripe.com/p/login/fZecQubkxcwOgDuaEE ; 90-day refunds via
|
|
20
|
-
// operator@zoom-gtm.com — both straight from the live help page.
|
|
21
|
-
// The gold "joy" accent is reserved for the hero plan + the primary CTAs; every
|
|
22
|
-
// other action uses the charcoal/ghost workhorses. ✓ feature checkmarks kept.
|
|
23
|
-
import { reskinDocument, rkEscape } from "./document.js";
|
|
24
|
-
// ── real production constants (copied from the live app) ──
|
|
25
|
-
const SUPPORT_EMAIL = "operator@zoom-gtm.com";
|
|
26
|
-
const WALLET_CHECKOUT_BASE = "https://buy.stripe.com/3cIfZggERgLsfVzfKR53O0H";
|
|
27
|
-
const BILLING_PORTAL_URL = "https://billing.stripe.com/p/login/fZecQubkxcwOgDuaEE";
|
|
28
|
-
const PLAN_PRICE_USD = 99;
|
|
29
|
-
const CREDIT_USD = 0.03;
|
|
30
|
-
/** Real wallet top-up: the live Stripe checkout with the email pre-filled (the
|
|
31
|
-
* live settings modal also registers a server-side client_reference_id; a static
|
|
32
|
-
* pricing page can't, so it links to the same checkout with the email prefill).
|
|
33
|
-
* Email may be empty (the route currently passes none) — then no prefill param. */
|
|
34
|
-
function walletCheckoutUrl(email) {
|
|
35
|
-
return email
|
|
36
|
-
? `${WALLET_CHECKOUT_BASE}?prefilled_email=${encodeURIComponent(email)}`
|
|
37
|
-
: WALLET_CHECKOUT_BASE;
|
|
38
|
-
}
|
|
39
|
-
function mailto(email, subject, bodyLead) {
|
|
40
|
-
const body = email ? `${bodyLead} My account email: ${email}` : bodyLead;
|
|
41
|
-
return `mailto:${SUPPORT_EMAIL}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
|
|
42
|
-
}
|
|
43
|
-
const CHECK = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12.5l5 5L20 6"/></svg>`;
|
|
44
|
-
function usd(n) {
|
|
45
|
-
return `$${n.toLocaleString("en-US")}`;
|
|
46
|
-
}
|
|
47
|
-
function credits(n) {
|
|
48
|
-
return n.toLocaleString("en-US");
|
|
49
|
-
}
|
|
50
|
-
function creditsForUsd(n) {
|
|
51
|
-
return Math.floor(n / CREDIT_USD);
|
|
52
|
-
}
|
|
53
|
-
function buildPlans(email) {
|
|
54
|
-
return [
|
|
55
|
-
{
|
|
56
|
-
id: "local",
|
|
57
|
-
kicker: "Get started",
|
|
58
|
-
name: "Local",
|
|
59
|
-
price: { kind: "free", sub: "forever · vidfarm serve" },
|
|
60
|
-
pitch: "Fork templates, recut with your own footage, and render in-process on your own machine — no card required.",
|
|
61
|
-
features: [
|
|
62
|
-
"Local in-process renders (free)",
|
|
63
|
-
"Fork & recut the community feed",
|
|
64
|
-
"Bring your own AI keys",
|
|
65
|
-
"Clip library & My Files",
|
|
66
|
-
"1 publishing channel"
|
|
67
|
-
],
|
|
68
|
-
ctaLabel: "Start free",
|
|
69
|
-
ctaHref: "/login",
|
|
70
|
-
ctaStyle: "ghost"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
id: "pro",
|
|
74
|
-
kicker: "Full access",
|
|
75
|
-
name: "Pro",
|
|
76
|
-
price: { kind: "monthly", usd: PLAN_PRICE_USD, sub: "Billed monthly · cancel anytime · 90-day money-back" },
|
|
77
|
-
pitch: "For operators publishing consistently — unlimited cloud output, Swipe-mode auto-recut, and every publishing channel.",
|
|
78
|
-
features: [
|
|
79
|
-
"Everything in Local",
|
|
80
|
-
"Unlimited cloud renders",
|
|
81
|
-
"Swipe mode & AI recaption",
|
|
82
|
-
"FlockPoster + email channels",
|
|
83
|
-
"Wallet top-ups at $0.03 / credit",
|
|
84
|
-
"Email support"
|
|
85
|
-
],
|
|
86
|
-
ctaLabel: "Get access",
|
|
87
|
-
ctaHref: mailto(email, "Activate my Vidfarm Pro plan", "I'd like to activate the $99/mo Vidfarm Pro plan."),
|
|
88
|
-
ctaStyle: "gold",
|
|
89
|
-
featured: true
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
id: "agency",
|
|
93
|
-
kicker: "For teams",
|
|
94
|
-
name: "Agency",
|
|
95
|
-
price: { kind: "custom", label: "Custom", sub: "Priced per workspace" },
|
|
96
|
-
pitch: "For studios running many clients — separate client workspaces, per-client keys and wallets, and hands-on onboarding.",
|
|
97
|
-
features: [
|
|
98
|
-
"Multiple client workspaces",
|
|
99
|
-
"Per-client AI keys & wallets",
|
|
100
|
-
"Team seats",
|
|
101
|
-
"Shared credit billing",
|
|
102
|
-
"Hands-on onboarding"
|
|
103
|
-
],
|
|
104
|
-
ctaLabel: "Talk to sales",
|
|
105
|
-
ctaHref: mailto(email, "Vidfarm for agencies", "I'd like to talk about Vidfarm agency workspaces."),
|
|
106
|
-
ctaStyle: "ink"
|
|
107
|
-
}
|
|
108
|
-
];
|
|
109
|
-
}
|
|
110
|
-
// Example top-up amounts. Credit counts are the HONEST $0.03/credit math — no
|
|
111
|
-
// invented bonus tiers. Each links to the same real Stripe checkout (the amount
|
|
112
|
-
// is confirmed on Stripe's hosted page).
|
|
113
|
-
const CREDIT_EXAMPLES = [
|
|
114
|
-
{ usd: 20 },
|
|
115
|
-
{ usd: 50, recommended: true },
|
|
116
|
-
{ usd: 100 },
|
|
117
|
-
{ usd: 250 }
|
|
118
|
-
];
|
|
119
|
-
const FAQS = [
|
|
120
|
-
{
|
|
121
|
-
q: "What exactly is a credit?",
|
|
122
|
-
a: "A credit is $0.03 of compute. Cloud renders, clip scans, and decompose passes draw from your wallet. Bring-your-own AI keys are never billed by vidfarm — you only pay for compute you actually run."
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
q: "Do credits expire?",
|
|
126
|
-
a: "No. Wallet credits roll over forever and the balance auto-scales to zero — nothing is charged while you're idle."
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
q: "Can I set spend limits?",
|
|
130
|
-
a: "Yes. Cap usage with per-hour and per-day credit rate limits so long-lived render jobs never surprise you."
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
q: "Are local renders really free?",
|
|
134
|
-
a: "Yep. A vidfarm serve box renders in-process on your own machine at no charge — perfect for reusing already-decomposed templates."
|
|
135
|
-
},
|
|
136
|
-
{
|
|
137
|
-
q: "How do I start the $99 / mo plan?",
|
|
138
|
-
a: `Self-serve subscription checkout is rolling out. To activate the Pro plan today, email ${SUPPORT_EMAIL} from your account address and we'll switch it on.`
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
q: "Can I cancel or get a refund?",
|
|
142
|
-
a: `Cancel anytime in the Stripe billing portal. We also offer 90-day refunds — email ${SUPPORT_EMAIL} and mention the address you used at Stripe checkout so we can find your subscription quickly.`
|
|
143
|
-
}
|
|
144
|
-
];
|
|
145
|
-
function priceBlock(p) {
|
|
146
|
-
if (p.price.kind === "free") {
|
|
147
|
-
return `<div class="rk-pricing-price"><span class="rk-pricing-amount">Free</span></div>
|
|
148
|
-
<p class="rk-pricing-price-sub">${rkEscape(p.price.sub)}</p>`;
|
|
149
|
-
}
|
|
150
|
-
if (p.price.kind === "custom") {
|
|
151
|
-
return `<div class="rk-pricing-price"><span class="rk-pricing-amount rk-pricing-amount-sm">${rkEscape(p.price.label ?? "Custom")}</span></div>
|
|
152
|
-
<p class="rk-pricing-price-sub">${rkEscape(p.price.sub)}</p>`;
|
|
153
|
-
}
|
|
154
|
-
return `<div class="rk-pricing-price">
|
|
155
|
-
<span class="rk-pricing-cur">$</span>
|
|
156
|
-
<span class="rk-pricing-amount">${p.price.usd}</span>
|
|
157
|
-
<span class="rk-pricing-suffix">/mo</span>
|
|
158
|
-
</div>
|
|
159
|
-
<p class="rk-pricing-price-sub">${rkEscape(p.price.sub)}</p>`;
|
|
160
|
-
}
|
|
161
|
-
function planCard(p) {
|
|
162
|
-
const featured = p.featured ? " rk-pricing-plan-featured" : "";
|
|
163
|
-
const badge = p.featured ? `<span class="rk-pricing-most">Most popular</span>` : "";
|
|
164
|
-
const checkTint = p.featured ? "rk-tile-gold" : "rk-tile-green";
|
|
165
|
-
const features = p.features.map((f) => `
|
|
166
|
-
<li class="rk-pricing-feat">
|
|
167
|
-
<span class="rk-tile rk-tile-sm ${checkTint} rk-pricing-check">${CHECK}</span>
|
|
168
|
-
<span>${rkEscape(f)}</span>
|
|
169
|
-
</li>`).join("");
|
|
170
|
-
const ext = p.ctaExternal ? ` target="_blank" rel="noreferrer"` : "";
|
|
171
|
-
return `
|
|
172
|
-
<article class="rk-card rk-card-hover rk-pricing-plan${featured}">
|
|
173
|
-
${badge}
|
|
174
|
-
<div class="rk-pricing-plan-head">
|
|
175
|
-
<span class="rk-tile ${p.featured ? "rk-tile-gold" : "rk-tile-ink"} rk-pricing-mono" aria-hidden="true">${rkEscape(p.name.charAt(0))}</span>
|
|
176
|
-
<div>
|
|
177
|
-
<span class="rk-eyebrow ${p.featured ? "" : "rk-pricing-kicker-muted"}">${rkEscape(p.kicker)}</span>
|
|
178
|
-
<h3>${rkEscape(p.name)}</h3>
|
|
179
|
-
</div>
|
|
180
|
-
</div>
|
|
181
|
-
${priceBlock(p)}
|
|
182
|
-
<p class="rk-pricing-pitch">${rkEscape(p.pitch)}</p>
|
|
183
|
-
<a class="rk-btn rk-btn-${p.ctaStyle} rk-btn-block rk-btn-lg" href="${rkEscape(p.ctaHref)}"${ext}>${rkEscape(p.ctaLabel)}<span class="rk-arrow">→</span></a>
|
|
184
|
-
<ul class="rk-pricing-feats">${features}</ul>
|
|
185
|
-
</article>`;
|
|
186
|
-
}
|
|
187
|
-
function packCard(email, pack) {
|
|
188
|
-
const total = creditsForUsd(pack.usd);
|
|
189
|
-
const popular = pack.recommended ? " rk-pricing-pack-popular" : "";
|
|
190
|
-
const flag = pack.recommended ? `<span class="rk-pill rk-pill-gold rk-pricing-pack-flag">Recommended</span>` : "";
|
|
191
|
-
const checkoutUrl = walletCheckoutUrl(email);
|
|
192
|
-
return `
|
|
193
|
-
<article class="rk-pricing-pack${popular}">
|
|
194
|
-
${flag}
|
|
195
|
-
<div class="rk-pricing-pack-top">
|
|
196
|
-
<span class="rk-tile rk-tile-sm ${pack.recommended ? "rk-tile-gold" : "rk-tile-coral"} rk-pricing-mono" aria-hidden="true">${rkEscape(usd(pack.usd).charAt(0))}</span>
|
|
197
|
-
<span class="rk-pricing-pack-label">${rkEscape(usd(pack.usd))} top-up</span>
|
|
198
|
-
</div>
|
|
199
|
-
<div class="rk-pricing-pack-credits">${credits(total)}<span>credits</span></div>
|
|
200
|
-
<span class="rk-pill rk-pricing-pack-bonus">at $0.03 / credit</span>
|
|
201
|
-
<p class="rk-pricing-pack-note">Credits never expire · roll over forever</p>
|
|
202
|
-
<a class="rk-btn ${pack.recommended ? "rk-btn-gold" : "rk-btn-ghost"} rk-btn-block rk-btn-sm" href="${rkEscape(checkoutUrl)}" target="_blank" rel="noreferrer">Top up ${rkEscape(usd(pack.usd))}</a>
|
|
203
|
-
</article>`;
|
|
204
|
-
}
|
|
205
|
-
export function renderReskinPricing(input) {
|
|
206
|
-
// Runtime-safe: the live route renders this post-login with the customer email;
|
|
207
|
-
// if none is supplied, email-specific bits degrade gracefully (no prefill).
|
|
208
|
-
const email = (input?.email ?? "").trim();
|
|
209
|
-
const planCards = buildPlans(email).map(planCard).join("");
|
|
210
|
-
const packCards = CREDIT_EXAMPLES.map((p) => packCard(email, p)).join("");
|
|
211
|
-
const checkoutUrl = walletCheckoutUrl(email);
|
|
212
|
-
const faqCards = FAQS.map((f) => `
|
|
213
|
-
<div class="rk-card rk-card-pad-sm rk-pricing-faq">
|
|
214
|
-
<h3>${rkEscape(f.q)}</h3>
|
|
215
|
-
<p class="rk-muted">${rkEscape(f.a)}</p>
|
|
216
|
-
</div>`).join("");
|
|
217
|
-
const trustPills = [
|
|
218
|
-
"Cancel anytime",
|
|
219
|
-
"Transparent per-render billing",
|
|
220
|
-
"BYO AI keys — never billed",
|
|
221
|
-
"90-day money-back"
|
|
222
|
-
].map((t) => `<span class="rk-pill rk-pricing-trust">${rkEscape(t)}</span>`).join("");
|
|
223
|
-
const demoHref = mailto(email, "Vidfarm demo", "I'd like a Vidfarm demo.");
|
|
224
|
-
const body = `
|
|
225
|
-
<main class="rk-container rk-page rk-pricing">
|
|
226
|
-
|
|
227
|
-
<!-- ── intro ── -->
|
|
228
|
-
<section class="rk-pricing-intro">
|
|
229
|
-
<h1 class="rk-pricing-title">Ship a week of content<br><span class="rk-pricing-title-accent">in an afternoon.</span></h1>
|
|
230
|
-
<p class="rk-pricing-lede">Start free and render locally. Go Pro for unlimited cloud output. Top up a credit wallet for compute — only ever pay for what you render.</p>
|
|
231
|
-
${email
|
|
232
|
-
? `<p class="rk-pricing-signed">Signed in as <strong>${rkEscape(email)}</strong> — no active plan yet. Pick one below to unlock cloud rendering.</p>`
|
|
233
|
-
: ""}
|
|
234
|
-
</section>
|
|
235
|
-
|
|
236
|
-
<!-- ── plan cards ── -->
|
|
237
|
-
<section class="rk-pricing-plans">${planCards}</section>
|
|
238
|
-
|
|
239
|
-
<p class="rk-pricing-manage">Already on a plan? <a href="${rkEscape(BILLING_PORTAL_URL)}" target="_blank" rel="noreferrer">Manage billing, invoices & cancellation in the Stripe portal <span class="rk-arrow">↗</span></a></p>
|
|
240
|
-
|
|
241
|
-
<!-- ── credit top-up strip ── -->
|
|
242
|
-
<section class="rk-card rk-pricing-credits">
|
|
243
|
-
<div class="rk-pricing-credits-head">
|
|
244
|
-
<span class="rk-eyebrow">Credit wallet</span>
|
|
245
|
-
<h2>Top up credits, pay only for compute</h2>
|
|
246
|
-
<p class="rk-muted">Every credit is <strong>$0.03</strong> of render compute. Cloud renders, clip scans and decompose passes draw from your wallet — bring-your-own AI keys are never billed. Balance rolls over forever and auto-scales to zero.</p>
|
|
247
|
-
<div class="rk-row rk-wrap rk-pricing-credits-cta">
|
|
248
|
-
<a class="rk-btn rk-btn-gold rk-btn-lg" href="${rkEscape(checkoutUrl)}" target="_blank" rel="noreferrer">Top up wallet<span class="rk-arrow">→</span></a>
|
|
249
|
-
<span class="rk-hint">Secure Stripe checkout${email ? ` · pre-filled for ${rkEscape(email)}` : ""}</span>
|
|
250
|
-
</div>
|
|
251
|
-
</div>
|
|
252
|
-
<div class="rk-pricing-packs">${packCards}</div>
|
|
253
|
-
<div class="rk-pricing-credits-foot">
|
|
254
|
-
<span class="rk-pill rk-pill-sky">Set per-hour & per-day spend caps</span>
|
|
255
|
-
<span class="rk-pill">Local <code>vidfarm serve</code> renders are free</span>
|
|
256
|
-
<span class="rk-pill">Choose any amount at checkout</span>
|
|
257
|
-
</div>
|
|
258
|
-
</section>
|
|
259
|
-
|
|
260
|
-
<!-- ── FAQ + trust ── -->
|
|
261
|
-
<section class="rk-pricing-faqs-wrap">
|
|
262
|
-
<div class="rk-pricing-faqs-head">
|
|
263
|
-
<span class="rk-eyebrow">Good to know</span>
|
|
264
|
-
<h2>Questions, answered</h2>
|
|
265
|
-
</div>
|
|
266
|
-
<div class="rk-grid rk-grid-2 rk-pricing-faqs">${faqCards}</div>
|
|
267
|
-
<div class="rk-row rk-wrap rk-pricing-trustrow">${trustPills}</div>
|
|
268
|
-
</section>
|
|
269
|
-
|
|
270
|
-
<!-- ── final gold CTA band ── -->
|
|
271
|
-
<section class="rk-pricing-cta">
|
|
272
|
-
<div class="rk-pricing-cta-art" aria-hidden="true"></div>
|
|
273
|
-
<div class="rk-pricing-cta-inner">
|
|
274
|
-
<span class="rk-badge rk-pricing-cta-badge">Ready when you are</span>
|
|
275
|
-
<h2 class="rk-pricing-cta-title">Make your first ad today.</h2>
|
|
276
|
-
<p class="rk-pricing-cta-sub">Fork a template, recut it with your footage, and render — free on your own machine. Go Pro only when you're ready to scale.</p>
|
|
277
|
-
<div class="rk-row rk-wrap rk-pricing-cta-btns">
|
|
278
|
-
<a class="rk-btn rk-btn-ink rk-btn-lg" href="/login">Start free<span class="rk-arrow">→</span></a>
|
|
279
|
-
<a class="rk-btn rk-btn-ghost rk-btn-lg rk-pricing-cta-ghost" href="${rkEscape(demoHref)}">Book a demo</a>
|
|
280
|
-
</div>
|
|
281
|
-
</div>
|
|
282
|
-
</section>
|
|
283
|
-
|
|
284
|
-
</main>`;
|
|
285
|
-
const pageCss = `
|
|
286
|
-
.rk-pricing{padding-top:32px}
|
|
287
|
-
|
|
288
|
-
/* intro */
|
|
289
|
-
.rk-pricing-intro{display:grid;justify-items:center;text-align:center;gap:18px;max-width:760px;margin:8px auto 52px}
|
|
290
|
-
.rk-pricing-title{font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:-.035em;line-height:1.04}
|
|
291
|
-
.rk-pricing-title-accent{position:relative;display:inline-block;color:var(--rk-ink)}
|
|
292
|
-
.rk-pricing-title-accent::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.36em;z-index:-1;
|
|
293
|
-
background:var(--rk-gold-500);border-radius:var(--rk-r-full);opacity:.55}
|
|
294
|
-
.rk-pricing-lede{font-size:var(--rk-text-lg);color:var(--rk-text-muted);max-width:620px;line-height:1.55}
|
|
295
|
-
.rk-pricing-signed{font-size:13px;color:var(--rk-n-600);background:var(--rk-gold-tint);border:1px solid var(--rk-gold-tint2);
|
|
296
|
-
padding:8px 16px;border-radius:var(--rk-r-full)}
|
|
297
|
-
.rk-pricing-signed strong{color:var(--rk-ink);font-weight:700}
|
|
298
|
-
|
|
299
|
-
/* plan cards */
|
|
300
|
-
.rk-pricing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;margin-bottom:20px}
|
|
301
|
-
@media(max-width:960px){.rk-pricing-plans{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}
|
|
302
|
-
.rk-pricing-plan{position:relative;display:flex;flex-direction:column;gap:18px;overflow:visible}
|
|
303
|
-
.rk-pricing-plan-featured{border-color:transparent;box-shadow:var(--rk-ring-gold),var(--rk-shadow-xl);
|
|
304
|
-
background:linear-gradient(180deg,var(--rk-gold-tint) 0%,#fff 26%);transform:translateY(-10px);z-index:2}
|
|
305
|
-
@media(max-width:960px){.rk-pricing-plan-featured{transform:none}}
|
|
306
|
-
.rk-pricing-most{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;
|
|
307
|
-
background:var(--rk-gold-500);color:var(--rk-ink);font-family:var(--rk-font-body);font-weight:700;
|
|
308
|
-
font-size:12px;letter-spacing:.02em;padding:6px 16px;border-radius:var(--rk-r-full);box-shadow:var(--rk-shadow-md)}
|
|
309
|
-
.rk-pricing-mono{font-family:var(--rk-font-display);font-weight:800;line-height:1}
|
|
310
|
-
.rk-pricing-plan-head{display:flex;align-items:center;gap:12px}
|
|
311
|
-
.rk-pricing-plan-head h3{font-size:var(--rk-text-2xl);margin-top:2px}
|
|
312
|
-
.rk-pricing-kicker-muted{color:var(--rk-n-500)}
|
|
313
|
-
.rk-pricing-price{display:flex;align-items:baseline;gap:2px;color:var(--rk-ink);margin-top:2px}
|
|
314
|
-
.rk-pricing-cur{font-family:var(--rk-font-display);font-weight:800;font-size:1.5rem;align-self:flex-start;margin-top:.5rem}
|
|
315
|
-
.rk-pricing-amount{font-family:var(--rk-font-display);font-weight:800;font-size:3.4rem;letter-spacing:-.03em;line-height:1}
|
|
316
|
-
.rk-pricing-amount-sm{font-size:2.5rem}
|
|
317
|
-
.rk-pricing-suffix{font-size:var(--rk-text-base);font-weight:600;color:var(--rk-text-muted);margin-left:4px}
|
|
318
|
-
.rk-pricing-price-sub{font-size:13px;color:var(--rk-text-muted);min-height:18px}
|
|
319
|
-
.rk-pricing-pitch{font-size:14px;color:var(--rk-text);line-height:1.55;min-height:66px}
|
|
320
|
-
.rk-pricing-feats{list-style:none;margin:0;padding:16px 0 0;display:grid;gap:12px;border-top:1px solid var(--rk-border)}
|
|
321
|
-
.rk-pricing-feat{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--rk-n-700)}
|
|
322
|
-
.rk-pricing-check{padding:6px}
|
|
323
|
-
.rk-pricing-check svg{width:100%;height:100%}
|
|
324
|
-
|
|
325
|
-
/* manage-billing line */
|
|
326
|
-
.rk-pricing-manage{text-align:center;font-size:13px;color:var(--rk-text-muted);margin:0 auto 60px}
|
|
327
|
-
.rk-pricing-manage a{color:var(--rk-n-700);font-weight:600;border-bottom:1px solid var(--rk-border-strong)}
|
|
328
|
-
.rk-pricing-manage a:hover{color:var(--rk-ink)}
|
|
329
|
-
|
|
330
|
-
/* credit strip */
|
|
331
|
-
.rk-pricing-credits{padding:34px;background:linear-gradient(180deg,#fff 0%,var(--rk-n-50) 100%)}
|
|
332
|
-
@media(max-width:560px){.rk-pricing-credits{padding:22px 16px}}
|
|
333
|
-
.rk-pricing-credits-head{max-width:680px;margin-bottom:26px;display:grid;gap:8px}
|
|
334
|
-
.rk-pricing-credits-head h2{font-size:var(--rk-text-3xl);letter-spacing:-.02em}
|
|
335
|
-
.rk-pricing-credits-head p{font-size:15px;line-height:1.55}
|
|
336
|
-
.rk-pricing-credits-cta{margin-top:8px}
|
|
337
|
-
.rk-pricing-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
|
|
338
|
-
@media(max-width:900px){.rk-pricing-packs{grid-template-columns:repeat(2,1fr)}}
|
|
339
|
-
@media(max-width:520px){.rk-pricing-packs{grid-template-columns:1fr}}
|
|
340
|
-
.rk-pricing-pack{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;
|
|
341
|
-
border:1px solid var(--rk-border);border-radius:var(--rk-r-2xl);padding:20px 18px;box-shadow:var(--rk-shadow-xs);
|
|
342
|
-
transition:transform var(--rk-dur) var(--rk-ease),box-shadow var(--rk-dur) var(--rk-ease),border-color var(--rk-dur) var(--rk-ease)}
|
|
343
|
-
.rk-pricing-pack:hover{transform:translateY(-3px);box-shadow:var(--rk-shadow-md);border-color:var(--rk-border-strong)}
|
|
344
|
-
.rk-pricing-pack-popular{border-color:var(--rk-gold-500);box-shadow:0 0 0 2px var(--rk-gold-tint2),var(--rk-shadow-md)}
|
|
345
|
-
.rk-pricing-pack-flag{position:absolute;top:-11px;right:14px;font-size:11px;padding:3px 10px}
|
|
346
|
-
.rk-pricing-pack-top{display:flex;align-items:center;gap:9px}
|
|
347
|
-
.rk-pricing-pack-label{font-family:var(--rk-font-display);font-weight:700;font-size:14px;color:var(--rk-ink)}
|
|
348
|
-
.rk-pricing-pack-credits{font-family:var(--rk-font-display);font-weight:800;font-size:1.9rem;letter-spacing:-.02em;
|
|
349
|
-
color:var(--rk-ink);line-height:1;display:flex;align-items:baseline;gap:6px}
|
|
350
|
-
.rk-pricing-pack-credits span{font-family:var(--rk-font-body);font-size:12px;font-weight:600;color:var(--rk-text-muted);letter-spacing:0}
|
|
351
|
-
.rk-pricing-pack-bonus{align-self:flex-start}
|
|
352
|
-
.rk-pricing-pack-note{font-size:12px;color:var(--rk-text-muted);min-height:16px}
|
|
353
|
-
.rk-pricing-pack a{margin-top:4px}
|
|
354
|
-
.rk-pricing-credits-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--rk-border)}
|
|
355
|
-
|
|
356
|
-
/* faq + trust */
|
|
357
|
-
.rk-pricing-faqs-wrap{margin-top:64px}
|
|
358
|
-
.rk-pricing-faqs-head{display:grid;gap:8px;text-align:center;justify-items:center;margin-bottom:28px}
|
|
359
|
-
.rk-pricing-faqs-head h2{font-size:var(--rk-text-3xl);letter-spacing:-.02em}
|
|
360
|
-
.rk-pricing-faq{display:grid;gap:7px}
|
|
361
|
-
.rk-pricing-faq h3{font-size:var(--rk-text-base);font-weight:700}
|
|
362
|
-
.rk-pricing-faq p{font-size:14px;line-height:1.55}
|
|
363
|
-
.rk-pricing-trustrow{justify-content:center;margin-top:26px}
|
|
364
|
-
.rk-pricing-trust{background:#fff;border:1px solid var(--rk-border);box-shadow:var(--rk-shadow-xs);color:var(--rk-n-600);padding:7px 14px}
|
|
365
|
-
|
|
366
|
-
/* final gold CTA band */
|
|
367
|
-
.rk-pricing-cta{position:relative;overflow:hidden;margin-top:72px;border-radius:var(--rk-r-3xl);
|
|
368
|
-
padding:clamp(40px,6vw,64px) var(--rk-gutter);text-align:center;box-shadow:var(--rk-shadow-lg)}
|
|
369
|
-
.rk-pricing-cta-art{position:absolute;inset:0;z-index:0;background:
|
|
370
|
-
radial-gradient(70% 120% at 15% 10%,rgba(255,255,255,.7),transparent 55%),
|
|
371
|
-
radial-gradient(60% 120% at 90% 90%,rgba(252,185,0,.55),transparent 55%),
|
|
372
|
-
linear-gradient(135deg,var(--rk-gold-500) 0%,var(--rk-gold-600) 55%,#ffd873 100%)}
|
|
373
|
-
.rk-pricing-cta-inner{position:relative;z-index:1;display:grid;justify-items:center;gap:16px;max-width:620px;margin:0 auto}
|
|
374
|
-
.rk-pricing-cta-badge{background:rgba(255,255,255,.9);border-color:transparent}
|
|
375
|
-
.rk-pricing-cta-title{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.03em;color:var(--rk-ink)}
|
|
376
|
-
.rk-pricing-cta-sub{font-size:var(--rk-text-lg);color:#5a4a12;line-height:1.5;font-weight:500}
|
|
377
|
-
.rk-pricing-cta-btns{justify-content:center;margin-top:8px}
|
|
378
|
-
.rk-pricing-cta-ghost{background:rgba(255,255,255,.85);border-color:transparent}
|
|
379
|
-
.rk-pricing-cta-ghost:hover{background:#fff}
|
|
380
|
-
`;
|
|
381
|
-
return reskinDocument({
|
|
382
|
-
title: "vidfarm reskin — Pricing",
|
|
383
|
-
description: "Reskinned vidfarm pricing — the $99/mo Pro plan, the $0.03/credit wallet, and real Stripe checkout.",
|
|
384
|
-
activeSlug: "pricing",
|
|
385
|
-
account: { email: input.email },
|
|
386
|
-
pageCss,
|
|
387
|
-
body
|
|
388
|
-
});
|
|
389
|
-
}
|
|
390
|
-
//# sourceMappingURL=pricing-page.js.map
|