{{define "title"}}Atlas9 — the platform framework{{end}}
{{define "content"}}
<section class="hero">
  <h1>Ship a whole platform, not a pile of decisions.</h1>
  <p class="lede">
    Atlas9 gives you tenants, identity, access control, and a marketing site
    out of the box — so you build your product, not its plumbing.
  </p>
  <div class="hero-actions">
    <a href="/register" class="btn">Get started</a>
    <a href="/pricing.html" class="btn btn-ghost">See pricing</a>
  </div>
</section>

<section id="features" class="features">
  <div class="feature">
    <h3>Multi-tenant from day one</h3>
    <p>Tenants, owners, members, and invitations are built in, with access
    control enforced in every store method.</p>
  </div>
  <div class="feature">
    <h3>Identity you don't have to write</h3>
    <p>Sessions, bot bearer keys, SSO, and a capability model that treats
    anonymous callers as first-class principals.</p>
  </div>
  <div class="feature">
    <h3>Batteries for the boring parts</h3>
    <p>Webhooks, Slack notifications, scheduling, and this static marketing
    site — wired together, not left as an exercise.</p>
  </div>
</section>

<section id="beta" class="beta">
  <h2>Join the beta</h2>
  <p>Leave your email and we'll be in touch.</p>
  <!--
    Posts to the atlas9 API as an anonymous-principal store write. The page is
    static and self-contained; if the API is unreachable the form degrades to
    an inline message and the rest of the site is unaffected.
    Backend endpoint (POST /BetaSignups_Create) is a separate slice.
  -->
  <form class="beta-form" onsubmit="return submitBeta(event)">
    <input type="email" name="email" placeholder="you@company.com" required>
    <button type="submit" class="btn">Request access</button>
    <p class="beta-status" role="status"></p>
  </form>
  <script>
    async function submitBeta(e) {
      e.preventDefault();
      const form = e.target;
      const status = form.querySelector('.beta-status');
      try {
        const res = await fetch('/BetaSignups_Create', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ Email: form.email.value }),
        });
        if (!res.ok) throw new Error(res.status);
        status.textContent = "Thanks — you're on the list.";
        form.reset();
      } catch {
        status.textContent = "Couldn't reach us just now. Please try again shortly.";
      }
      return false;
    }
  </script>
</section>
{{end}}