---
layout: default
---
<div class="home-content">
  <section class="band band--hero">
    <h1>{{ site.data.landing.hero.headline }}</h1>
    <p class="supporting">{{ site.data.landing.hero.supporting }}</p>
    <pre class="install"><code>{{ site.data.landing.hero.install_command }}</code></pre>
    <pre class="install"><code>{{ site.data.landing.hero.start_command }}</code></pre>
    <a class="cta" href="/quickstart/">Quickstart →</a>
  </section>

  <section class="band band--pills">
    {% for pill in site.data.landing.pills %}
    <article class="pill">
      <h2>{{ pill.title }}</h2>
      <p>{{ pill.body }}</p>
      {% if pill.href %}<a href="{{ pill.href }}">Learn more →</a>{% endif %}
    </article>
    {% endfor %}
  </section>

  <section class="band band--ecosystem">
    <h2>The ecosystem</h2>
    {% assign cats = "workspace-experience,core-runtime,identity-secrets,resident-culture,resident-domain,org-site" | split: "," %}
    {% for cat in cats %}
      {% assign repos_in_cat = site.data.agentculture_repos | where: "category", cat %}
      {% if repos_in_cat.size > 0 %}
      <article class="cat-card">
        <h3>{{ cat | replace: "-", " " | capitalize }}</h3>
        <ul>
        {% for r in repos_in_cat %}
          {% if r.site_path %}{% assign r_path = r.site_path %}{% else %}{% assign r_path = r.id | prepend: "/" | append: "/" %}{% endif %}
          <li><a href="{{ r_path }}">{{ r.id }}</a> — {{ r.description }}</li>
        {% endfor %}
        </ul>
      </article>
      {% endif %}
    {% endfor %}
  </section>

  <section class="band band--why">
    <p>{{ site.data.landing.why_band.paragraph }}</p>
    <a class="cta" href="{{ site.data.landing.why_band.href }}">{{ site.data.landing.why_band.cta }} →</a>
  </section>
</div>