spb/fabri-ka

1// Auteur : Simon-Pierre Boucher — contact@spboucher.ai2// pages/Contact.tsx — page /contact commune Groupe KA : les 3 courriels de3// l'écosystème (source : ka/ecosystem.json), l'avertissement d'agrégateur,4// le lien vers le hub et la liste des sites du groupe.5import { useEffect } from 'react'6import eco from '../ka/ecosystem.json'78export default function Contact() {9  useEffect(() => {10    document.title = 'Contact — Fabri-Ka — Un service Groupe KA'11  }, [])1213  return (14    <div className="page contact-page">15      <span className="kicker">Nous joindre</span>16      <h1>Contact</h1>17      <p className="contact-lede">18        Fabri-Ka est un service du <b>Groupe KA</b> — {eco.org.tagline} Les19        coordonnées ci-dessous sont communes à toutes les plateformes de20        l&rsquo;écosystème.21      </p>2223      <div className="contact-cards">24        {eco.contacts.map((c) => (25          <article className="contact-card" key={c.email}>26            <span className="klabel">{c.role}</span>27            <a href={`mailto:${c.email}`}>{c.email}</a>28          </article>29        ))}30      </div>3132      <p className="contact-note">33        <b>{eco.org.disclaimer}</b>34      </p>3536      <a37        className="contact-hub"38        href={eco.hub.url}39        target="_blank"40        rel="noopener noreferrer"41      >42        Visiter le portail Groupe KA ↗43      </a>4445      <h2>Les sites de l&rsquo;écosystème</h2>46      <ul className="contact-sites">47        {eco.sites.map((s) => (48          <li key={s.id}>49            <a50              href={`https://${s.domain}`}51              target="_blank"52              rel="noopener noreferrer"53            >54              <b>{s.wordmark}</b>55              <span>{s.tagline}</span>56            </a>57          </li>58        ))}59      </ul>60    </div>61  )62}63