AkurAI-Framework / site/frontend/index.html

Latest change e9909ad2b4e6b497ab8fb7ab24cc92d36305e7f5 - landing: two-column hero + codex/gpt-5.5 SVG illustration & gradient feature icons by Ólafur Búi Ólafsson

{% include "header" %}
    <main>
      <section class="hero">
        <div class="container hero-grid">
          <div class="hero-copy">
            <span class="eyebrow">{{ version }} · Pure Rust · Zero runtime dependencies</span>
            <h1>A backend framework that ships as <span class="grad">a single file</span>.</h1>
            <p class="lede">{{ description }}</p>
            <div class="btn-row">
              <a class="btn btn-primary" href="/docs">Get started</a>
              <a class="btn btn-secondary" href="https://github.com/olibuijr/AkurAI-Framework">View on GitHub</a>
            </div>
            <div class="install-widget" data-clipboard="curl -fsSL https://akurai-framework.olibuijr.com/install.sh | sh">
              <pre class="install"><code><span class="install-prompt" aria-hidden="true">$ </span>curl -fsSL https://akurai-framework.olibuijr.com/install.sh | sh</code></pre>
              <button type="button" class="install-copy" data-copy-btn aria-label="Copy install command">Copy</button>
            </div>
            <div id="health" class="status" aria-live="polite">checking server…</div>
          </div>
          <div class="hero-art">
            <img src="/img/hero.svg" width="640" height="480"
                 alt="Layered HTTP, database, and UI planes converging into a single glowing binary" />
          </div>
        </div>
      </section>

      <section class="container">
        <div class="features">
          {% for f in features %}
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-{{ f.icon }}.svg')" aria-hidden="true"></span>
            <h3>{{ f.title }}</h3>
            <p>{{ f.body }}</p>
          </article>
          {% endfor %}
        </div>
      </section>

      <section class="container split">
        <div>
          <h2>Define data. Get an API.</h2>
          <p class="muted">Declare a collection and the framework generates REST endpoints,
          validation, and a self-describing manifest — no handwritten routes. Data updates at
          runtime; you never rebuild the binary to change it.</p>
          <a class="btn btn-ghost" href="/docs/architecture">How it works →</a>
        </div>
        <pre class="code-sample"><code>{{ code_sample }}</code></pre>
      </section>

      <section class="container">
        <div class="stats">
          {% for s in stats %}
          <div class="stat"><div class="stat-value">{{ s.value }}</div><div class="stat-label">{{ s.label }}</div></div>
          {% endfor %}
        </div>
      </section>

      <section class="container cta">
        <h2>Build something that outlives its dependencies.</h2>
        <div class="btn-row center">
          <a class="btn btn-primary" href="/docs">Read the docs</a>
          <a class="btn btn-secondary" href="/components">Browse components</a>
        </div>
      </section>
    </main>
{% include "footer" %}