@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.
Files changed (154) hide show
  1. package/.agents/skills/editor-capabilities/SKILL.md +15 -1
  2. package/.agents/skills/vidfarm-director/SKILL.md +106 -0
  3. package/.agents/skills/vidfarm-director/recipes/find-and-fork-template.md +16 -0
  4. package/.agents/skills/vidfarm-director/recipes/local-edit-render-approve.md +13 -0
  5. package/.agents/skills/vidfarm-director/recipes/onboard-a-new-director.md +13 -0
  6. package/.agents/skills/vidfarm-director/recipes/retheme-template.md +17 -0
  7. package/.agents/skills/vidfarm-director/references/assets-and-sourcing.md +111 -0
  8. package/.agents/skills/vidfarm-director/references/automation-and-local-dev.md +243 -0
  9. package/.agents/skills/vidfarm-director/references/core-workflows.md +273 -0
  10. package/.agents/skills/vidfarm-director/references/editor-workflows.md +365 -0
  11. package/.agents/skills/vidfarm-director/references/onboarding.md +28 -0
  12. package/.agents/skills/vidfarm-director/references/primitives.md +265 -0
  13. package/SKILL.director.md +476 -260
  14. package/dist/src/cli.js +362 -96
  15. package/dist/src/devcli/clips.js +15 -10
  16. package/dist/src/devcli/doctor.js +2 -2
  17. package/dist/src/devcli/local-backend.js +46 -2
  18. package/dist/src/services/clip-curation/cost.js +5 -1
  19. package/dist/src/services/clip-curation/gemini.js +10 -0
  20. package/package.json +30 -10
  21. package/SKILL.platform.md +0 -432
  22. package/demo/README.md +0 -28
  23. package/demo/dist/app.css +0 -1
  24. package/demo/dist/app.js +0 -1850
  25. package/demo/dist/chunks/chunk-DXB73IDG.js +0 -1
  26. package/demo/dist/chunks/chunk-S7OWAJDS.js +0 -36
  27. package/demo/dist/chunks/chunk-VTIBZ6AN.js +0 -1
  28. package/demo/dist/chunks/dist-ADSJKBVE.js +0 -332
  29. package/demo/dist/chunks/domEditingLayers-VZMLL4AP-SGHWPND4.js +0 -1
  30. package/demo/dist/chunks/hyperframes-player-XB65TCD6.js +0 -425
  31. package/demo/dist/chunks/lib-XAQ37YOE.js +0 -1
  32. package/demo/dist/chunks/src-TJ2QYA4U.js +0 -207
  33. package/demo/dist/favicon.ico +0 -0
  34. package/demo/dist/icons/timeline/audio.svg +0 -7
  35. package/demo/dist/icons/timeline/captions.svg +0 -5
  36. package/demo/dist/icons/timeline/composition.svg +0 -12
  37. package/demo/dist/icons/timeline/image.svg +0 -18
  38. package/demo/dist/icons/timeline/music.svg +0 -10
  39. package/demo/dist/icons/timeline/text.svg +0 -3
  40. package/demo/dist/index.html +0 -15
  41. package/dist/src/account-pages-legacy.js +0 -9396
  42. package/dist/src/account-pages.js +0 -61
  43. package/dist/src/app.js +0 -21603
  44. package/dist/src/composition-runtime.js +0 -1053
  45. package/dist/src/config.js +0 -217
  46. package/dist/src/context.js +0 -447
  47. package/dist/src/dev-app-legacy.js +0 -739
  48. package/dist/src/dev-app.js +0 -6
  49. package/dist/src/devcli/migrate-local.js +0 -140
  50. package/dist/src/devcli/sync.js +0 -368
  51. package/dist/src/domain.js +0 -5
  52. package/dist/src/editor-chat-history.js +0 -82
  53. package/dist/src/editor-chat.js +0 -828
  54. package/dist/src/editor-dark-theme.js +0 -1128
  55. package/dist/src/frontend/debug.js +0 -71
  56. package/dist/src/frontend/discover-client.js +0 -130
  57. package/dist/src/frontend/discover-store.js +0 -23
  58. package/dist/src/frontend/file-directory.js +0 -1018
  59. package/dist/src/frontend/flockposter-cache-store.js +0 -124
  60. package/dist/src/frontend/homepage-client.js +0 -446
  61. package/dist/src/frontend/homepage-shared.js +0 -201
  62. package/dist/src/frontend/homepage-store.js +0 -66
  63. package/dist/src/frontend/homepage-view.js +0 -705
  64. package/dist/src/frontend/page-runtime-client.js +0 -132
  65. package/dist/src/frontend/page-runtime-store.js +0 -9
  66. package/dist/src/frontend/sentry.js +0 -42
  67. package/dist/src/frontend/template-editor-chat.js +0 -4181
  68. package/dist/src/help-page.js +0 -346
  69. package/dist/src/homepage.js +0 -1458
  70. package/dist/src/index.js +0 -16
  71. package/dist/src/instrument.js +0 -30
  72. package/dist/src/landing-page.js +0 -384
  73. package/dist/src/page-runtime.js +0 -2
  74. package/dist/src/page-shell.js +0 -1452
  75. package/dist/src/primitive-context.js +0 -416
  76. package/dist/src/primitive-registry.js +0 -3940
  77. package/dist/src/primitive-sdk.js +0 -4
  78. package/dist/src/primitives/hyperframes-media.js +0 -108
  79. package/dist/src/react-page-shell.js +0 -35
  80. package/dist/src/ready-post-schedule-component.js +0 -1540
  81. package/dist/src/registry.js +0 -296
  82. package/dist/src/reskin/agency-page.js +0 -299
  83. package/dist/src/reskin/calendar-page.js +0 -568
  84. package/dist/src/reskin/chat-page.js +0 -942
  85. package/dist/src/reskin/discover-page.js +0 -1788
  86. package/dist/src/reskin/document.js +0 -1587
  87. package/dist/src/reskin/help-page.js +0 -357
  88. package/dist/src/reskin/index-page.js +0 -62
  89. package/dist/src/reskin/inpaint-clipper-page.js +0 -890
  90. package/dist/src/reskin/inpaint-page.js +0 -2554
  91. package/dist/src/reskin/inpaint-video-page.js +0 -1339
  92. package/dist/src/reskin/job-runs-page.js +0 -477
  93. package/dist/src/reskin/library-page.js +0 -1634
  94. package/dist/src/reskin/login-page.js +0 -262
  95. package/dist/src/reskin/portfolio-page.js +0 -687
  96. package/dist/src/reskin/pricing-page.js +0 -390
  97. package/dist/src/reskin/settings-page.js +0 -732
  98. package/dist/src/reskin/theme.js +0 -711
  99. package/dist/src/runtime.js +0 -35
  100. package/dist/src/services/api-call-history.js +0 -249
  101. package/dist/src/services/auth.js +0 -152
  102. package/dist/src/services/billing-pricing.js +0 -39
  103. package/dist/src/services/billing.js +0 -241
  104. package/dist/src/services/cast.js +0 -127
  105. package/dist/src/services/chat-threads.js +0 -92
  106. package/dist/src/services/clip-records.js +0 -250
  107. package/dist/src/services/clip-search.js +0 -77
  108. package/dist/src/services/clip-vectors.js +0 -125
  109. package/dist/src/services/composition-sanitize.js +0 -124
  110. package/dist/src/services/composition-watch.js +0 -79
  111. package/dist/src/services/elevenlabs.js +0 -222
  112. package/dist/src/services/file-directory.js +0 -117
  113. package/dist/src/services/fork-access.js +0 -93
  114. package/dist/src/services/fork-manifest.js +0 -42
  115. package/dist/src/services/ghostcut.js +0 -179
  116. package/dist/src/services/hyperframes.js +0 -3654
  117. package/dist/src/services/job-capacity.js +0 -14
  118. package/dist/src/services/job-logs.js +0 -197
  119. package/dist/src/services/jobs.js +0 -136
  120. package/dist/src/services/local-dynamo.js +0 -0
  121. package/dist/src/services/media-processing.js +0 -766
  122. package/dist/src/services/primitive-media-lambda.js +0 -280
  123. package/dist/src/services/providers.js +0 -2748
  124. package/dist/src/services/rate-limits.js +0 -262
  125. package/dist/src/services/scene-annotations.js +0 -32
  126. package/dist/src/services/serverless-auth.js +0 -382
  127. package/dist/src/services/serverless-jobs.js +0 -1084
  128. package/dist/src/services/serverless-provider-keys.js +0 -409
  129. package/dist/src/services/serverless-records.js +0 -1515
  130. package/dist/src/services/serverless-template-configs.js +0 -75
  131. package/dist/src/services/storage.js +0 -461
  132. package/dist/src/services/swipe-customize.js +0 -437
  133. package/dist/src/services/template-certification.js +0 -413
  134. package/dist/src/services/template-loader.js +0 -99
  135. package/dist/src/services/template-runtime-bundles.js +0 -217
  136. package/dist/src/services/template-sources.js +0 -1017
  137. package/dist/src/services/upstream.js +0 -248
  138. package/dist/src/services/video-normalization.js +0 -2
  139. package/dist/src/services/webhooks.js +0 -62
  140. package/dist/src/template-editor-pages.js +0 -2576
  141. package/dist/src/template-editor-shell.js +0 -2893
  142. package/dist/src/template-sdk.js +0 -4
  143. package/dist/src/worker.js +0 -17
  144. package/public/assets/discover-client-app.js +0 -1
  145. package/public/assets/file-directory-app.js +0 -3
  146. package/public/assets/homepage-app.js +0 -54
  147. package/public/assets/homepage-client-app.js +0 -80
  148. package/public/assets/page-runtime-client-app.js +0 -94
  149. package/public/assets/placeholders/scene-placeholder.png +0 -0
  150. package/src/assets/SELLING_AWARENESS_STAGES.md +0 -579
  151. package/src/assets/SELLING_WITH_HOOKS.md +0 -377
  152. package/src/assets/SELLING_WITH_VSLS.md +0 -606
  153. package/src/assets/favicon.ico +0 -0
  154. 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 &amp; 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 &amp; 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