`views/public/checkout-stub.ejs`

27 lines
<%- include('../partials/head', { title, meta_desc }) %>
<%- include('../partials/header') %>

<main class="checkout-stub">
  <section class="section">
    <div class="wrap narrow">
      <p class="muted small"><a href="/pricing">← Pricing</a></p>
      <h1>Checkout — Phase 1 stub</h1>
      <p class="muted">During testing, billing is dry-run only. No card will be charged. The chosen plan is logged server-side for review.</p>

      <div class="review-card" style="margin-top:1.5rem">
        <h3>You picked: <%= plan.name %></h3>
        <dl class="kv">
          <dt>Price</dt><dd><%= plan.price %><%= plan.period %></dd>
          <dt>Includes</dt><dd><ul style="margin:.25rem 0;padding-left:1rem"><% plan.features.forEach(function(f) { %><li><%= f %></li><% }); %></ul></dd>
        </dl>
      </div>

      <p class="prose">When live billing launches you'll see a Stripe-hosted checkout form here. No card data ever touches our servers — Stripe handles PCI compliance. You'll be able to upgrade / downgrade / cancel from your account page (also coming Phase 2).</p>

      <p style="margin-top:1.5rem"><a class="btn primary" href="/new">Continue to queue your first call →</a></p>
    </div>
  </section>
</main>

<%- include('../partials/footer') %>