mirror of
https://github.com/mksglu/context-mode.git
synced 2026-10-03 12:49:34 +08:00
feat(landing): move pricing chapter to position 2 (after trust strip)
Owner directive 2026-06-06: pricing needs prioritized work — make it more prominent. $20/seat is the value claim; burying it nine chapters deep was wrong for a self-serve funnel. Option A (per the directive): relocate the entire <section id="pricing"> block to immediately after the trust strip, before the PROBLEM chapter (§01). Visitors now see the price band within the first scroll after they see the hero + trust signal. - Cut <section id="pricing"> block (36 lines incl card, deny-list) from between SECURITY (§10) and FAQ - Paste it directly after the trust strip's closing </section>, before the PROBLEM (§01) chapter - Drop the "§ 11 · pricing" section-num prefix — pricing is no longer a numbered chapter in the storytelling sequence; it is a top-funnel anchor right after the trust signal. The remaining §01-§10 numbered chapters keep their ordering. FAQ's existing "§ 12 · faq" label is preserved (pre-existing pattern, not touched by this wave) - pricing-card, pricing-cta, pricing-fine, pricing-deny-list CSS classes are untouched and continue to render the card identically - The #pricing anchor still resolves; in-page links to #pricing (none currently exist in this file) would still jump correctly Storytelling rhythm post-move: Hero -> Trust strip -> Pricing (NEW slot) -> Problem (§01) -> Solution (§02) -> ... -> Security (§10) -> FAQ -> Footer Verify: section count unchanged (13 open / 13 close); id="pricing" appears once; pricing block precedes the §01 problem chapter.
This commit is contained in:
+37
-38
@@ -457,6 +457,43 @@ footer{padding:64px 0 40px;text-align:center;background:var(--bg-alt);border-top
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════ PRICING ═══════════════════════════════════════ -->
|
||||
<section class="chapter" id="pricing">
|
||||
<div class="wrap">
|
||||
<div class="rev" style="max-width:880px">
|
||||
<p class="kicker">Pricing</p>
|
||||
<h2 class="h2">One tier. Twenty dollars per seat. Predictable.</h2>
|
||||
<div class="rule"></div>
|
||||
<p class="lead">No annual variant. No volume discount. No founder discount. No grandfathering. Same band as Cursor Pro, GitHub Copilot Business, Vercel Pro — the AI-dev-tool tier you already budget for.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-card rev">
|
||||
<p class="plan-name">Pro</p>
|
||||
<p class="plan-price"><strong>$20</strong><span class="plan-period"> / seat / month</span></p>
|
||||
|
||||
<ul class="plan-features">
|
||||
<li>222 patterns evaluated at org scope</li>
|
||||
<li>MCP scopes — self, team, org</li>
|
||||
<li>All 14 adapters supported</li>
|
||||
<li>90-day data retention</li>
|
||||
<li>Org Projects, Members, Teams, Untracked Activity</li>
|
||||
<li>Persona views — Owner, Manager, Member</li>
|
||||
<li>Email support (24-hour SLA)</li>
|
||||
<li>Public cloud at platform.context-mode.com</li>
|
||||
</ul>
|
||||
|
||||
<a class="pricing-cta" href="https://platform.context-mode.com/signup">Start for $20 / seat →</a>
|
||||
|
||||
<p class="pricing-fine">Per-seat means per member of your org (active or invited). Billed monthly. No annual variant, no volume discount, no free tier, no trial. Cancel any time via the Stripe Customer Portal — no refunds for the current period.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-deny-list rev">
|
||||
<p class="kicker">What this is not</p>
|
||||
<p>No SSO. No SOC 2 report. No on-prem option. No dedicated support contract. If your buying process needs any of those, run the OSS collector self-hosted (free) and we will revisit Enterprise after the first Series A.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════ PROBLEM ═══════════════════════════════════════ -->
|
||||
<section class="chapter">
|
||||
<div class="wrap">
|
||||
@@ -1257,44 +1294,6 @@ commit_strong_cadence, commit_fix_heavy</span></pre>
|
||||
|
||||
<hr class="sep">
|
||||
|
||||
<!-- ═══════════════════════════════════════ PRICING ═══════════════════════════════════════ -->
|
||||
<section class="chapter" id="pricing">
|
||||
<div class="wrap">
|
||||
<div class="rev" style="max-width:880px">
|
||||
<p class="section-num">§ 11 · pricing</p>
|
||||
<p class="kicker">Pricing</p>
|
||||
<h2 class="h2">One tier. Twenty dollars per seat. Predictable.</h2>
|
||||
<div class="rule"></div>
|
||||
<p class="lead">No annual variant. No volume discount. No founder discount. No grandfathering. Same band as Cursor Pro, GitHub Copilot Business, Vercel Pro — the AI-dev-tool tier you already budget for.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-card rev">
|
||||
<p class="plan-name">Pro</p>
|
||||
<p class="plan-price"><strong>$20</strong><span class="plan-period"> / seat / month</span></p>
|
||||
|
||||
<ul class="plan-features">
|
||||
<li>222 patterns evaluated at org scope</li>
|
||||
<li>MCP scopes — self, team, org</li>
|
||||
<li>All 14 adapters supported</li>
|
||||
<li>90-day data retention</li>
|
||||
<li>Org Projects, Members, Teams, Untracked Activity</li>
|
||||
<li>Persona views — Owner, Manager, Member</li>
|
||||
<li>Email support (24-hour SLA)</li>
|
||||
<li>Public cloud at platform.context-mode.com</li>
|
||||
</ul>
|
||||
|
||||
<a class="pricing-cta" href="https://platform.context-mode.com/signup">Start for $20 / seat →</a>
|
||||
|
||||
<p class="pricing-fine">Per-seat means per member of your org (active or invited). Billed monthly. No annual variant, no volume discount, no free tier, no trial. Cancel any time via the Stripe Customer Portal — no refunds for the current period.</p>
|
||||
</div>
|
||||
|
||||
<div class="pricing-deny-list rev">
|
||||
<p class="kicker">What this is not</p>
|
||||
<p>No SSO. No SOC 2 report. No on-prem option. No dedicated support contract. If your buying process needs any of those, run the OSS collector self-hosted (free) and we will revisit Enterprise after the first Series A.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════ FAQ ═══════════════════════════════════════ -->
|
||||
<section class="chapter">
|
||||
<div class="wrap-narrow">
|
||||
|
||||
Reference in New Issue
Block a user