---
layout: layouts/base.njk
title: Presse
description: Ressources presse pour DJANGOKAM, premier artiste IA caribéen produit par ORGANISATION KA INTERNATIONALE (OKI) — visuels HD et liens d'écoute.
---

<section class="press-hero">
    <h1>{{ t.press.title }} <span class="accent-text">{{ t.press.title_accent }}</span></h1>
    <p class="press-lede">{{ t.press.lede }}</p>
</section>

<section class="press-facts">
    <div class="section-container">
        <h2>{{ t.press.facts_title }}</h2>
        <div class="press-facts-list">
            {% for fact in t.press.facts %}
            <div class="press-fact">
                <span class="press-fact-label">{{ fact.label }}</span>
                <span>{{ fact.value }}</span>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<section class="press-visuals">
    <div class="section-container">
        <h2>{{ t.press.visuals_title }}</h2>
        <p class="press-visuals-intro">{{ t.press.visuals_intro }}</p>
        <div class="press-visual-grid">
            {% for visual in t.press.visuals %}
            <div class="press-visual">
                <a href="{{ visual.image | cdn }}" target="_blank" rel="noopener noreferrer">
                    <img src="{{ visual.image | cdn }}" alt="{{ visual.caption }}" loading="lazy">
                    <span class="press-visual-caption">{{ visual.caption }}</span>
                </a>
                <a href="{{ ('/assets/press/' + visual.pdf) | cdn }}" class="press-visual-pdf-link">{{ t.press.visual_pdf_label }}</a>
            </div>
            {% endfor %}
        </div>
        <div class="press-visuals-pdf">
            <a href="{{ ('/assets/press/' + t.press.visuals_pdf_file) | cdn }}" class="btn btn-primary">{{ t.press.visuals_pdf_label }} →</a>
        </div>
    </div>
</section>

<section class="press-links">
    <div class="section-container">
        <h2>{{ t.press.links_title }}</h2>
        <div class="press-links-list">
            {% for link in t.press.links %}
            <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.text }}</a>
            {% endfor %}
        </div>
    </div>
</section>

<section class="press-contact">
    <div class="section-container">
        <h2>{{ t.press.contact_title }}</h2>
        <p class="press-contact-text">{{ t.press.contact_text }}</p>
        <a href="mailto:{{ t.press.contact_email }}" class="btn btn-primary">{{ t.press.contact_email }}</a>
    </div>
</section>
