{% extends "public/base.html" %}
{% block title %}{{ page.titre }} · {{ site.site_name }}{% endblock %}
{% block content %}
<div class="bg-brand-900">
  <div class="mx-auto max-w-4xl px-4 py-14 text-center lg:px-6">
    <h1 class="text-3xl font-extrabold !text-white md:text-5xl">{{ page.titre }}</h1>
    {% if page.chapo %}<p class="mx-auto mt-4 max-w-2xl text-lg text-brand-200">{{ page.chapo }}</p>{% endif %}
    <p class="mt-4 text-xs font-semibold tracking-widest text-gold-400 uppercase">Dernière mise à jour : {{ page.updated_at|date:"d/m/Y" }}</p>
  </div>
</div>
<div class="mx-auto -mt-8 max-w-4xl px-4 lg:px-6">
  <div class="card p-6 md:p-12"><div class="article-body !text-left">{{ page.contenu|safe }}</div></div>
  {% if page.slug == "a-propos" %}
  <div class="mt-10 rounded-2xl bg-gradient-to-br from-brand-800 to-brand-950 p-8 text-center text-white">
    <h2 class="text-2xl font-extrabold !text-white">Vous avez une information ou une question ?</h2>
    <p class="mt-2 text-brand-200">Contactez-nous pour toute demande de couverture médiatique, publicité ou partenariat.</p>
    <a href="{% url 'public:contact' %}" class="btn btn-accent btn-lg mt-6">Contactez-nous</a>
  </div>
  {% endif %}
</div>
{% endblock %}