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:
Mert Koseoglu
2026-06-06 20:09:37 +03:00
parent bde1e0a2b0
commit 5390c69fcb
+37 -38
View File
@@ -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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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 &mdash; 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">