---
import Base from '../layouts/Base.astro';

export const prerender = false;
---

<Base
  title="Soutenir le projet — Info Canicule"
  description="Info Canicule est un service gratuit, sans publicité, à but non lucratif. Si le site vous est utile, vous pouvez soutenir son hébergement via Ko-fi."
>
  <section class="bg-gradient-to-b from-canicule-50 to-white">
    <div class="container-tight py-10">
      <h1 class="text-3xl font-bold sm:text-4xl">Soutenir Info Canicule</h1>
      <p class="mt-2 max-w-2xl text-slate-600">
        Le site est gratuit, sans publicité et sans traceurs commerciaux. Si vous le trouvez utile,
        vous pouvez aider à couvrir l'hébergement (~7 €/mois mutualisés sur plusieurs projets perso).
      </p>
    </div>
  </section>

  <section class="container-tight py-8 prose prose-slate max-w-none">
    <h2>Don libre via Ko-fi</h2>
    <p>
      Le moyen le plus simple : un don libre, sans inscription, par carte bancaire ou PayPal, via
      <a href="https://ko-fi.com/daelwizhit" rel="noopener" class="font-semibold">ko-fi.com/daelwizhit</a>.
      Les dons sont anonymes par défaut et entièrement optionnels.
    </p>

    <div class="not-prose my-6">
      <a
        href="https://ko-fi.com/daelwizhit"
        rel="noopener"
        class="inline-flex items-center gap-2 rounded-lg bg-canicule-600 px-6 py-3 text-base font-semibold text-white no-underline hover:bg-canicule-700"
      >
        ☕ Soutenir sur Ko-fi
      </a>
    </div>

    <h2>Ce que les dons financent</h2>
    <ul>
      <li>Location du VPS OVH qui héberge le site (~7 €/mois, mutualisés avec d'autres projets perso).</li>
      <li>Nom de domaine annuel.</li>
      <li>Café pour les soirées de maintenance 🥲.</li>
    </ul>
    <p>
      <strong>Ce site n'a aucune vocation commerciale.</strong> Aucun chiffre d'affaires, aucun salaire
      versé. Les dons couvrent les frais techniques ou, en cas d'excédent, financent d'autres petits
      projets d'utilité publique du même développeur.
    </p>

    <h2>Autres manières d'aider</h2>
    <ul>
      <li>
        <strong>Signaler un bug ou une typo</strong> : par mail à
        <a href="mailto:florian@nocleus.com">florian@nocleus.com</a>.
      </li>
      <li>
        <strong>Partager le site</strong> autour de vous, en particulier auprès de personnes fragiles
        (proches âgés, personnes isolées) pour qui les conseils canicule peuvent faire une vraie
        différence.
      </li>
      <li>
        <strong>Réutiliser les données</strong> : l'endpoint <code>/api/vigilance</code> diffuse le
        snapshot en JSON (CORS *), réutilisable librement sous Licence Ouverte 2.0.
      </li>
    </ul>

    <p class="text-sm text-slate-500">
      Pour les questions juridiques (mention de l'éditeur, statut), voir les
      <a href="/mentions-legales">mentions légales</a>.
    </p>
  </section>
</Base>