{{#extends "base"}}
{{#block "main"}}
<section class="section" aria-labelledby="hero-heading">
  <div class="container narrow stack text-center">
    <p><span class="badge">{{eyebrow}}</span></p>
    <h1 id="hero-heading">{{headline}}</h1>
    <p class="lead mx-auto">{{lead}}</p>
    <div class="cta-row" style="justify-content:center">
      <a class="btn btn-primary" href="{{locale_path}}features/">See what is included</a>
      <a class="btn btn-secondary" href="{{locale_path}}velocity.zip" download>Download .zip</a>
      <a class="btn btn-outline" href="{{locale_path}}velocity.tar.gz" download>Download .tar.gz</a>
    </div>
  </div>
</section>

<section class="section section-soft" aria-labelledby="pillars-heading">
  <div class="container stack">
    <h2 id="pillars-heading" class="text-center">Built for shipping quickly</h2>
    <div class="grid">
      <div class="card">
        <h3>No build toolchain</h3>
        <p>No npm install, no bundler, no lockfile. Edit Markdown, run one binary, deploy the folder.</p>
      </div>
      <div class="card">
        <h3>Nothing phones home</h3>
        <p>No CDN, webfont host, analytics or tag manager. There is nothing to disclose in a cookie banner.</p>
      </div>
      <div class="card">
        <h3>Accessible by default</h3>
        <p>Colour tokens are gated at AAA for text; keyboard paths and focus states are checked in CI.</p>
      </div>
      <div class="card">
        <h3>Search included</h3>
        <p>The generator injects an accessible search dialog with a live-region result count. The theme skins it.</p>
      </div>
      <div class="card">
        <h3>Feeds included</h3>
        <p>RSS, Atom and JSON Feed are generated from the same content and linked in the document head.</p>
      </div>
      <div class="card">
        <h3>One file to re-skin</h3>
        <p>The whole palette is a token block at the top of <code>styles.css</code>. Change it, run the gate.</p>
      </div>
    </div>
  </div>
</section>

<section class="section">
  <div class="container prose">
    {{!content}}
  </div>
</section>
{{/block}}