{% extends "base.html" %}

{% block content %}
    {% if section is defined %}
        {% include "partials/hero.html" %}
    {% endif %}

    <section class="oc-section">
        <div class="oc-container oc-grid-3">
            <div class="oc-card">
                <h2>Why OpenCloud?</h2>
                <p>
                    OpenCloud interconnects private clouds with a secure, peer-to-peer control plane.
                    Each participant keeps full sovereignty while benefiting from shared resilience and capacity.
                </p>
                <a href="/project" class="oc-link-arrow">Discover the project →</a>
            </div>

            <div class="oc-card">
                <h2>Architecture</h2>
                <p>
                    A distributed mesh overlay connects independent nodes, enabling resource sharing,
                    trust-based federation, and multi-site fault tolerance.
                </p>
                <a href="/project/architecture" class="oc-link-arrow">View the architecture →</a>
            </div>

            <div class="oc-card">
                <h2>Open Source</h2>
                <p>
                    OpenCloud is developed in the open, with transparent governance and a commitment
                    to interoperability and long-term independence.
                </p>
                {% if config.extra.repo_url %}
                    <a href="{{ config.extra.repo_url | safe }}" class="oc-link-arrow" target="_blank" rel="noopener">
                        Browse the source →</a>
                {% endif %}
            </div>
        </div>
    </section>

    <section class="oc-section oc-section-muted">
        <div class="oc-container oc-split">
            <div>
                <h2>Key benefits for decision-makers</h2>
                <ul class="oc-list-check">
                    <li>Keep strategic control over data and infrastructure</li>
                    <li>Build resilience across multiple sites and partners</li>
                    <li>Avoid vendor lock-in and opaque proprietary stacks</li>
                    <li>Align technical architecture with sovereignty policies</li>
                </ul>
            </div>
            <div>
                <h2>From prototype to production</h2>
                <p>
                    OpenCloud is evolving from a research-grade prototype to a production-ready
                    federated cloud fabric. Follow the roadmap to understand current capabilities
                    and planned milestones.
                </p>
                <a href="/project/roadmap" class="oc-btn oc-btn-outline">
                    View the roadmap
                </a>
            </div>
        </div>
    </section>
{% endblock content %}