spb/resto-ka

1// ==============================================================================2// Author: Simon-Pierre Boucher <contact@spboucher.ai>3// File:   pages/Contact.tsx4// Desc:   Page Contact — infos officielles du Groupe KA tirées de5//         ka-ui/ecosystem.json (courriels + rôles, avertissement, hub,6//         écosystème des sites), composants du design system éditorial sharp.7// ==============================================================================8import { useEffect } from "react";9import eco from "../ka/ecosystem.json";1011export default function ContactPage() {12  useEffect(() => {13    document.title = "Contact — Resto-Ka — Un service Groupe KA";14    window.scrollTo(0, 0);15    return () => { document.title = "Resto-Ka — Un service Groupe KA"; };16  }, []);1718  const sites = eco.sites.filter((s) => s.id !== "resto-ka");1920  return (21    <div className="contact-page container">22      <span className="kicker">Contact</span>23      <h1>24        Écrire au <span className="hl">Groupe KA</span>25      </h1>26      <p className="sub">27        Resto-Ka est un service du Groupe KA. Toutes les demandes — projets,28        médias, données, légal — passent par les adresses officielles du groupe.29      </p>3031      <div className="contact-grid">32        {eco.contacts.map((c) => (33          <div className="contact-card" key={c.email}>34            <span className="role">{c.role}</span>35            <a className="mail" href={`mailto:${c.email}`}>{c.email}</a>36          </div>37        ))}38      </div>3940      <p className="contact-note">41        <b>{eco.org.disclaimer}</b> Chaque fiche de Resto-Ka renvoie au42        restaurant original et affiche le contexte de chaque prix.43      </p>4445      <div className="contact-hub">46        <a className="btn btn-primary" href={eco.hub.url} target="_blank" rel="noopener noreferrer">47          Visiter le hub groupe-ka.com →48        </a>49        <a50          className="btn"51          href={`${eco.hub.url}${eco.hub.loginPath}`}52          target="_blank"53          rel="noopener noreferrer"54        >55          Créer un compte KA ID56        </a>57        <span className="hint">{eco.hub.signupNote}</span>58      </div>5960      <h2>L'écosystème ·Ka</h2>61      <p className="sub" style={{ marginBottom: 0 }}>{eco.org.tagline}</p>62      <ul className="contact-sites">63        {sites.map((s) => (64          <li key={s.id}>65            <a href={`https://${s.domain}`} target="_blank" rel="noopener noreferrer"66              title={s.tagline}>67              <span className="dot" style={{ background: s.accent }} aria-hidden="true" />68              {s.wordmark}69            </a>70          </li>71        ))}72      </ul>73    </div>74  );75}76