spb/lou-ka

1// -----------------------------------------------------------------------------2// Lou-Ka — Agrégateur de logements à louer (province de Québec)3// Auteur : Simon-Pierre Boucher — contact@spboucher.ai4// pages/Contact.tsx : page Contact commune Groupe KA (données ecosystem.json)5// -----------------------------------------------------------------------------6import { useEffect } from "react";7import eco from "../ka/ecosystem.json";89export default function ContactPage() {10  useEffect(() => {11    document.title = "Contact | Lou-Ka — Un service Groupe KA";12    window.scrollTo(0, 0);13  }, []);1415  const others = eco.sites.filter((s) => s.id !== "lou-ka");1617  return (18    <div className="container contact-page">19      <span className="kicker">Contact</span>20      <h1>21        Écrire au <span className="hl">Groupe KA</span>22      </h1>23      <p className="lede">24        Lou-Ka — {eco.sites.find((s) => s.id === "lou-ka")?.tagline?.toLowerCase()} —25        est un service du {eco.org.name}. {eco.org.tagline} Toutes les demandes26        passent par les adresses ci-dessous.27      </p>2829      <div className="contact-grid">30        {eco.contacts.map((c) => (31          <div className="card contact-card" key={c.email}>32            <span className="klabel">{c.role}</span>33            <a className="mail" href={`mailto:${c.email}`}>{c.email}</a>34          </div>35        ))}36      </div>3738      <p className="contact-note">39        <b>{eco.org.disclaimer}</b> Les annonces affichées sur Lou-Ka proviennent40        des sites publics des gestionnaires immobiliers ; chaque fiche renvoie41        vers l'annonce originale. Pour toute question sur un logement, contactez42        directement le gestionnaire indiqué sur la fiche.43      </p>4445      <div className="contact-hub">46        <span className="klabel">L'écosystème ·Ka</span>47        <ul className="contact-sites">48          {others.map((s) => (49            <li key={s.id}>50              <a href={`https://${s.domain}`} target="_blank" rel="noopener noreferrer">51                {s.wordmark}52              </a>53            </li>54          ))}55        </ul>56        <p style={{ marginTop: 18 }}>57          <a className="btn btn-primary" href={eco.hub.url} target="_blank" rel="noopener noreferrer">58            Visiter le portail groupe-ka.com →59          </a>60        </p>61      </div>62    </div>63  );64}65