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

{% block content %}
<section class="max-w-4xl mx-auto px-4 pt-24 pb-8 text-center">
    <h1 class="text-4xl font-bold tracking-tight">Component Registry</h1>
    <p class="mt-4 text-lg text-gray-600">
        Discover and share reusable forest components. Deployment patterns,
        service templates, and infrastructure modules - all in one place.
    </p>
    <p class="mt-2 text-sm text-gray-400">The component registry is coming soon.</p>
</section>

<section class="max-w-4xl mx-auto px-4 py-12">
    <div class="p-8 border border-gray-200 rounded-lg text-center">
        <p class="text-gray-500 mb-4">
            Components will be browsable here once the registry is live.
            In the meantime, you can publish components via the forest CLI.
        </p>
        <div class="bg-gray-950 rounded-md p-4 text-sm font-mono text-gray-300 text-left max-w-lg mx-auto">
            <pre><span class="text-gray-500"># Publish a component</span>
forest components publish ./my-component

<span class="text-gray-500"># Use a component</span>
forest components add forage/service@1.0</pre>
        </div>
    </div>
</section>
{% endblock %}