{{#extend "layout"}}

  {{#replace "pageTitle"}}Home{{/replace}}

  {{#replace "main"}}
    <div class="container container--space-y">
      <div class="row">
        <div class="col">
          <h1>Prodigy UI Framework</h1>
          <p>
            A framework of UI design patterns and the client-side code used to realise those patterns.
          </p>
        </div>
      </div>

      <div class="row">
        {{#each index.nav}}
        <div class="col col--1/2-medium">
          <div class="panel">
            <div class="panel__head panel__head--grey">
              <h2 class="heading heading--4">{{heading}}</h2>
            </div>
            <div class="panel__content columns--debug">
              {{> nav}}
            </div>
          </div>
        </div>
        {{/each}}
      </div>

    </div>
  {{/replace}}

{{/extend}}