spb/auto-ka

1// -----------------------------------------------------------------------------2// Auto-Ka — Agrégateur de voitures usagées à vendre (province de Québec)3// Auteur : Simon-Pierre Boucher — contact@spboucher.ai4// pages/Contact.tsx : page /contact — coordonnées officielles du Groupe KA,5//   lues d'ecosystem.json (source canonique ka-ui) : 3 courriels + rôles,6//   avertissement agrégateur, lien vers le hub et liste des sites du groupe.7// -----------------------------------------------------------------------------8import { useEffect } from "react";9import eco from "../ka/ecosystem.json";1011export default function ContactPage() {12  useEffect(() => {13    document.title = "Contact — Auto-Ka, un service Groupe KA";14    window.scrollTo(0, 0);15  }, []);1617  const others = eco.sites.filter((s) => s.id !== "auto-ka");1819  return (20    <div className="page container">21      <span className="kicker">Nous joindre</span>22      <h1>Contact</h1>23      <p className="lead">24        Auto·Ka est un service du <b>{eco.org.name}</b> — {eco.org.tagline}{" "}25        Toutes les demandes passent par les adresses officielles du groupe.26      </p>2728      <div className="contact-grid">29        {eco.contacts.map((c) => (30          <div className="contact-card" key={c.email}>31            <a className="mail" href={`mailto:${c.email}`}>{c.email}</a>32            <span className="role">{c.role}</span>33          </div>34        ))}35      </div>3637      <div className="contact-note">38        <b>{eco.org.disclaimer}</b> Les annonces affichées sur Auto·Ka39        proviennent des sites publics des concessionnaires ; chaque fiche40        renvoie vers l'annonce originale du commerçant.41      </div>4243      <div className="contact-hub">44        <a45          className="btn"46          href={eco.hub.url}47          target="_blank"48          rel="noopener noreferrer"49        >50          Visiter le portail Groupe KA ↗51        </a>52      </div>5354      <div className="seo-block">55        <h2>Les autres plateformes du Groupe KA</h2>56        <div className="contact-sites">57          {others.map((s) => (58            <a59              key={s.id}60              className="spec-chip"61              href={`https://${s.domain}`}62              target="_blank"63              rel="noopener noreferrer"64              title={s.tagline}65            >66              {s.wordmark}67            </a>68          ))}69        </div>70      </div>71    </div>72  );73}74