AkurAI-Framework / site/frontend/index.html

Latest change 2e9c26e6274a8310cc2db17fb9390a7af4ab0913 - feat(site): live component previews + copyable curl install widget by Ólafur Búi Ólafsson

{% include "header" %}
    <main>
      <section class="hero">
        <div class="container">
          <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>
      </section>

      <section class="container">
        <div class="features">
          {% for f in features %}
          <article class="feature">
            <div class="feature-icon">{{ f.icon }}</div>
            <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" %}