spb/immo-ka

1// -----------------------------------------------------------------------------2// Immo-Ka — Agrégateur de propriétés à vendre (province de Québec)3// Une application du Groupe-Ka — contact@groupe-ka.com4// pages/Contact.tsx : page contact commune Groupe KA — consomme ka/ecosystem.json5//   (courriels + rôles, avertissement agrégateur, hub, liste des sites).6// -----------------------------------------------------------------------------7import eco from "../ka/ecosystem.json";89export default function ContactPage() {10  const sites = eco.sites.filter((s) => s.id !== "immo-ka");11  return (12    <div className="container contact">13      <span className="kicker">Contact</span>14      <h1>15        Écrire au <span className="hl">Groupe KA</span>16      </h1>17      <p className="lede">18        Immo-Ka est un service du <b>{eco.org.name}</b> — {eco.org.tagline.toLowerCase()}{" "}19        Toutes les plateformes partagent les mêmes canaux de contact.20      </p>2122      <div className="contact-cards">23        {eco.contacts.map((c) => (24          <a key={c.email} className="contact-card" href={`mailto:${c.email}`}>25            <span className="contact-role">{c.role}</span>26            <span className="contact-mail">{c.email}</span>27          </a>28        ))}29      </div>3031      <p className="contact-disclaimer">32        <b>{eco.org.disclaimer}</b> Chaque fiche renvoie vers l'annonce originale33        de l'agence ou de la plateforme source : pour une propriété précise,34        contactez directement le courtier indiqué sur la fiche.35      </p>3637      <div className="contact-hub">38        <a39          className="btn btn-primary"40          href={eco.hub.url}41          target="_blank"42          rel="noopener noreferrer"43        >44          Visiter le portail groupe-ka.com ↗45        </a>46        <a47          className="btn btn-ghost"48          href={`${eco.hub.url}${eco.hub.loginPath}`}49          target="_blank"50          rel="noopener noreferrer"51        >52          Créer un compte KA ID53        </a>54      </div>5556      <section className="contact-sites">57        <h2>L'écosystème ·Ka</h2>58        <ul>59          {sites.map((s) => (60            <li key={s.id}>61              <a href={`https://${s.domain}`} target="_blank" rel="noopener noreferrer">62                <b>{s.wordmark}</b>63                <span>{s.tagline}</span>64              </a>65            </li>66          ))}67        </ul>68      </section>69    </div>70  );71}72