{% extends "base.html.jinja" %}

{% block content %}
<section class="max-w-4xl mx-auto px-4 pt-12 text-center">
    <h1 class="text-2xl font-bold">Welcome to Forage</h1>
    <p class="mt-4 text-gray-600">Create your first organisation with the forest CLI to get started.</p>

    <div class="mt-8 max-w-lg mx-auto bg-gray-950 rounded-md p-4 text-sm font-mono text-gray-300 text-left">
        <pre><span class="text-gray-500"># Install forest CLI</span>
cargo install forest

<span class="text-gray-500"># Create an organisation</span>
forest orgs create my-org

<span class="text-gray-500"># Create a project</span>
forest init my-project --component forage/service

<span class="text-gray-500"># Deploy</span>
forest release create --env dev</pre>
    </div>

    <div class="mt-8">
        <a href="/settings/tokens" class="text-sm text-gray-500 hover:text-gray-700">Manage API tokens &rarr;</a>
    </div>
</section>
{% endblock %}