AkurAI-Framework / site/frontend/index.html

Latest change 8140ac954d91f2ce7e6d9909d8b7df40feb6ba2b - i18n: wire landing page + shell to IS/EN locale system by Ólafur Búi Ólafsson

{% include "header" %}
    <main>
      <section class="hero hero-3d">
        <canvas id="hero-bg" aria-hidden="true"></canvas>
        <div class="container hero-inner">
          <span class="eyebrow">{{ version }} · {{ t "hero.eyebrow_suffix" }}</span>
          <h1>{{ t "hero.headline_pre" }} <span class="grad">{{ t "hero.headline_highlight" }}</span>{{ t "hero.headline_post" }}</h1>
          <p class="lede">{{ t "hero.lede" }}</p>
          <div class="btn-row">
            <a class="btn btn-primary" href="/docs">{{ t "hero.cta" }}</a>
            <a class="btn btn-secondary" href="https://github.com/olibuijr/AkurAI-Framework">{{ t "hero.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="{{ t "hero.copy_label" }}">{{ t "hero.copy" }}</button>
          </div>
          <div id="health" class="status" aria-live="polite">{{ t "hero.status_checking" }}</div>
        </div>
      </section>

      <section class="container">
        <div class="features">
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-binary.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.binary.title" }}</h3>
            <p>{{ t "feature.binary.body" }}</p>
          </article>
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-rust.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.rust.title" }}</h3>
            <p>{{ t "feature.rust.body" }}</p>
          </article>
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-database.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.database.title" }}</h3>
            <p>{{ t "feature.database.body" }}</p>
          </article>
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-api.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.api.title" }}</h3>
            <p>{{ t "feature.api.body" }}</p>
          </article>
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-templates.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.templates.title" }}</h3>
            <p>{{ t "feature.templates.body" }}</p>
          </article>
          <article class="feature">
            <span class="feature-icon" style="--icon: url('/img/icon-search.svg')" aria-hidden="true"></span>
            <h3>{{ t "feature.search.title" }}</h3>
            <p>{{ t "feature.search.body" }}</p>
          </article>
        </div>
      </section>

      <section class="container split">
        <div>
          <h2>{{ t "split.heading" }}</h2>
          <p class="muted">{{ t "split.body" }}</p>
          <a class="btn btn-ghost" href="/docs/architecture">{{ t "split.link" }}</a>
        </div>
        <pre class="code-sample"><code>{{ code_sample }}</code></pre>
      </section>

      <section class="container">
        <div class="stats">
          <div class="stat"><div class="stat-value">{{ t "stat.runtime_deps.value" }}</div><div class="stat-label">{{ t "stat.runtime_deps.label" }}</div></div>
          <div class="stat"><div class="stat-value">{{ t "stat.to_deploy.value" }}</div><div class="stat-label">{{ t "stat.to_deploy.label" }}</div></div>
          <div class="stat"><div class="stat-value">{{ t "stat.binary_size.value" }}</div><div class="stat-label">{{ t "stat.binary_size.label" }}</div></div>
          <div class="stat"><div class="stat-value">{{ t "stat.frontend_step.value" }}</div><div class="stat-label">{{ t "stat.frontend_step.label" }}</div></div>
        </div>
      </section>

      <section class="container cta">
        <h2>{{ t "cta.heading" }}</h2>
        <div class="btn-row center">
          <a class="btn btn-primary" href="/docs">{{ t "cta.docs" }}</a>
          <a class="btn btn-secondary" href="/components">{{ t "cta.components" }}</a>
        </div>
      </section>
    </main>
    <script type="module" src="/hero3d.js"></script>
{% include "footer" %}