spb/food-ka

1// -----------------------------------------------------------------------------2// Food-Ka — Agrégateur de produits d'épicerie (province de Québec)3// Auteur : Simon-Pierre Boucher — contact@spboucher.ai4// pages/Contact.tsx : page contact commune Groupe KA — consomme ka/ecosystem.json5//   (courriels + rôles, avertissement agrégateur, lien hub, liste des sites)6// -----------------------------------------------------------------------------7import eco from "../ka/ecosystem.json";89export default function ContactPage() {10  const site = eco.sites.find((s) => s.id === "food-ka");11  return (12    <div className="container contact-page">13      <span className="kicker">Contact</span>14      <h1>15        Écrire au <span className="hl">Groupe KA</span>16      </h1>17      <p className="lede">18        <b>Food·Ka</b> — {site?.tagline} — est un service du{" "}19        <a20          href={eco.hub.url}21          target="_blank"22          rel="noopener noreferrer"23          style={{ textDecoration: "underline", textUnderlineOffset: 3 }}24        >25          Groupe KA26        </a>27        . Toutes les demandes passent par les trois adresses centrales du28        groupe, selon le sujet.29      </p>3031      <div className="contact-cards">32        {eco.contacts.map((c) => (33          <div className="contact-card" key={c.email}>34            <a href={`mailto:${c.email}`}>{c.email}</a>35            <span>{c.role}</span>36          </div>37        ))}38      </div>3940      <p className="contact-warning">41        <b>{eco.org.disclaimer}</b> Les prix et produits affichés sur Food·Ka42        proviennent des sites publics des bannières d'épicerie — pour toute43        question sur un produit, un prix en magasin ou une commande, adressez-vous44        directement à la bannière concernée.45      </p>4647      <div className="contact-hub">48        <a className="btn btn-primary" href={eco.hub.url} target="_blank" rel="noopener noreferrer">49          Visiter le hub groupe-ka.com ↗50        </a>{" "}51        <a52          className="btn btn-ghost"53          href={`${eco.hub.url}${eco.hub.loginPath}`}54          target="_blank"55          rel="noopener noreferrer"56        >57          Créer un compte KA ID58        </a>59      </div>6061      <h3 style={{ marginTop: 34 }}>Les plateformes de l'écosystème ·Ka</h3>62      <ul className="contact-sites">63        {eco.sites.map((s) => (64          <li key={s.id}>65            <a66              href={`https://${s.domain}`}67              target={s.id === "food-ka" ? undefined : "_blank"}68              rel="noopener noreferrer"69            >70              <span className="dot" style={{ background: s.accent }} aria-hidden="true" />71              {s.wordmark}72              <small>{s.domain}</small>73            </a>74          </li>75        ))}76      </ul>77    </div>78  );79}80