{% extends "base.html" %}

{% block hero %}
  <section class="cx-hero">
    <div class="cx-hero__inner md-grid">
      <div class="cx-hero__content">
        <p class="cx-hero__eyebrow">
          <span class="cx-hero__badge">0.1.0-beta.1 · provisional API</span>
        </p>
        <h1 class="cx-hero__title">Courier</h1>
        <p class="cx-hero__subtitle">
          Async Rust framework for composable data pipelines.
          <br>
          <code>Source &rarr; Transform* &rarr; Sink[]</code>, declared in TOML, wired at runtime.
        </p>
        <div class="cx-hero__actions">
          <a href="getting-started/installation/" class="md-button md-button--primary cx-hero__cta">
            Get started
          </a>
          <a href="https://github.com/gbPagano/courier" class="md-button cx-hero__cta">
            View on GitHub
          </a>
        </div>
      </div>
      <div class="cx-hero__preview" aria-hidden="true">
<pre><code><span class="cx-tok-key">[[pipelines]]</span>
<span class="cx-tok-attr">name</span> = <span class="cx-tok-str">"api-&gt;kafka"</span>

<span class="cx-tok-key">[pipelines.source]</span>
<span class="cx-tok-attr">type</span>          = <span class="cx-tok-str">"api_poll"</span>
<span class="cx-tok-attr">url</span>           = <span class="cx-tok-str">"https://api.example.com/v1/events"</span>
<span class="cx-tok-attr">interval_secs</span> = <span class="cx-tok-num">3</span>

<span class="cx-tok-key">[[pipelines.transforms]]</span>
<span class="cx-tok-attr">type</span>    = <span class="cx-tok-str">"script"</span>
<span class="cx-tok-attr">runtime</span> = <span class="cx-tok-str">"rhai"</span>
<span class="cx-tok-attr">script</span>  = <span class="cx-tok-str">"""</span>
<span class="cx-tok-str">  fn transform(env) {</span>
<span class="cx-tok-str">    env.payload["seen"] = true;</span>
<span class="cx-tok-str">    env</span>
<span class="cx-tok-str">  }</span>
<span class="cx-tok-str">"""</span>

<span class="cx-tok-key">[[pipelines.sinks]]</span>
<span class="cx-tok-attr">type</span>    = <span class="cx-tok-str">"kafka"</span>
<span class="cx-tok-attr">brokers</span> = <span class="cx-tok-str">"localhost:9092"</span>
<span class="cx-tok-attr">topic</span>   = <span class="cx-tok-str">"events"</span>
</code></pre>
      </div>
    </div>
  </section>
{% endblock %}