o-k-i.net/src/_includes/partials/djangokam.njk

<section id="djangokam" class="djangokam">
    <div class="section-container">
        <p class="djangokam-surtitre">{{ djangokam.surtitre }}</p>
        <h2>{{ djangokam.titre }} <span class="accent-text">{{ djangokam.titreAccent }}</span></h2>
        <p class="section-subtitle">{{ djangokam.accroche }}</p>

        <img src="/assets/images/djangokam-portrait.webp" alt="Portrait officiel de DJANGOKAM" class="djangokam-portrait" width="512" height="512" loading="lazy">

        <blockquote class="djangokam-highlight">
            {{ djangokam.message_cle }}
        </blockquote>

        <div class="djangokam-histoire">
            {% for paragraphe in djangokam.histoire %}
            <p>{{ paragraphe }}</p>
            {% endfor %}
        </div>

        <div class="djangokam-facts">
            {% for fait in djangokam.faits %}
            <div class="djangokam-fact-card">
                <div class="djangokam-fact-icon">{{ fait.icon }}</div>
                <h3>{{ fait.chiffre }}</h3>
                <p>{{ fait.texte }}</p>
            </div>
            {% endfor %}
        </div>

        <p class="djangokam-instrument">{{ djangokam.ia_instrument }}</p>

        <div class="cta-buttons djangokam-buttons">
            {% for bouton in djangokam.boutons %}
            <a href="{{ bouton.url }}" target="_blank" rel="noopener noreferrer" class="btn {% if bouton.primary %}btn-primary{% else %}btn-secondary{% endif %}">
                {{ bouton.text }} →
            </a>
            {% endfor %}
        </div>

        <p class="djangokam-presse">
            {{ djangokam.presse.texte }} <a href="mailto:{{ djangokam.presse.email }}">{{ djangokam.presse.email }}</a>
        </p>
    </div>
</section>