{{#extends "base"}}
{{#block "main"}}
<section class="section" aria-labelledby="hero-heading">
  <div class="container hero-grid">
    <div class="stack">
      <p><span class="badge">{{eyebrow}}</span></p>
      <h1 id="hero-heading">{{headline}}</h1>
      <p class="lead">{{lead}}</p>
      <div class="cta-row">
        <a class="btn btn-primary" href="{{locale_path}}{{slug_features}}/">{{kai_see_what_is_included}}</a>
        <a class="btn btn-secondary" href="{{site_path}}kaishi.zip" download>{{kai_download_zip}}</a>
        <a class="btn btn-outline" href="{{site_path}}kaishi.tar.gz" download>{{kai_download_tar_gz}}</a>
      </div>
    </div>
    <figure class="hero-image">
      <img src="{{site_path}}images/release-640.webp" srcset="{{site_path}}images/release-320.webp 320w, {{site_path}}images/release-480.webp 480w, {{site_path}}images/release-640.webp 640w, {{site_path}}images/release-768.webp 768w, {{site_path}}images/release-960.webp 960w, {{site_path}}images/release.webp 1200w" sizes="(max-width: 48rem) 100vw, 58vw" width="1200" height="900" alt="{{release_alt}}" fetchpriority="high">
    </figure>
  </div>
</section>

<section class="section section-soft" aria-labelledby="pillars-heading">
  <div class="container stack">
    <h2 id="pillars-heading" class="text-center">{{kai_built_for_shipping_quickly}}</h2>
    <div class="grid">
      <div class="card">
        <h3>{{kai_no_build_toolchain}}</h3>
        <p>{{kai_no_npm_install_no}}</p>
      </div>
      <div class="card">
        <h3>{{kai_nothing_phones_home}}</h3>
        <p>{{kai_no_cdn_webfont_host}}</p>
      </div>
      <div class="card">
        <h3>{{kai_accessible_by_default}}</h3>
        <p>{{kai_colour_tokens_are_gated}}</p>
      </div>
      <div class="card">
        <h3>{{kai_search_included}}</h3>
        <p>{{kai_the_generator_injects_an}}</p>
      </div>
      <div class="card">
        <h3>{{kai_feeds_included}}</h3>
        <p>{{kai_rss_atom_and_json}}</p>
      </div>
      <div class="card">
        <h3>{{kai_one_file_to_re}}</h3>
        <p>{{kai_the_whole_palette_is}} <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}}