spb/vrai-prix

1// Auteur : Simon-Pierre Boucher — contact@spboucher.ai2// Page contact — infos centralisées de l'écosystème Groupe KA (ka-ui/ecosystem.json).3import type { Metadata } from "next";4import eco from "@/ka/ecosystem.json";56export const metadata: Metadata = {7  title: "Contact",8  description:9    "Joindre le Groupe KA : projets et partenariats, médias, légal et vie privée. Vrai-Prix est un service Groupe KA.",10};1112const SELF_ID = "vrai-prix";1314export default function ContactPage() {15  const others = eco.sites.filter((s) => s.id !== SELF_ID);16  return (17    <div className="pb-6 pt-10">18      <p className="kicker">Contact</p>19      <h1 className="vp-display mt-3 max-w-3xl text-[clamp(30px,5vw,52px)] font-bold uppercase leading-[1] tracking-[-0.03em]">20        Écrire au <span className="hl">Groupe&nbsp;KA</span>21      </h1>22      <p className="mt-5 max-w-2xl text-[15px] leading-relaxed text-ink-2">23        Vrai-Prix est un service du <b className="text-ink">{eco.org.name}</b> —{" "}24        {eco.org.tagline} Toutes les demandes passent par les adresses25        centralisées ci-dessous.26      </p>2728      {/* les 3 courriels avec leurs rôles */}29      <div className="mt-9 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">30        {eco.contacts.map((c) => (31          <a32            key={c.email}33            href={`mailto:${c.email}`}34            className="card card-hover block p-5"35          >36            <p className="klabel">{c.role}</p>37            <p className="vp-mono mt-2 break-all text-[13.5px] font-bold text-ink">38              {c.email}39            </p>40          </a>41        ))}42      </div>4344      {/* avertissement d'agrégateur */}45      <div className="card mt-8 max-w-2xl border-l-[6px] border-l-lime p-5">46        <p className="klabel">Avertissement</p>47        <p className="mt-2 text-[14px] leading-relaxed">{eco.org.disclaimer}</p>48      </div>4950      {/* hub + compte KA ID */}51      <div className="mt-10">52        <p className="kicker">Le hub</p>53        <p className="mt-3 max-w-2xl text-[14.5px] text-ink-2">54          Le portail de l&apos;écosystème vit sur{" "}55          <a56            href={eco.hub.url}57            target="_blank"58            rel="noopener noreferrer"59            className="font-bold text-ink underline decoration-lime decoration-2 underline-offset-4"60          >61            groupe-ka.com62          </a>63          . La création d&apos;un compte KA&nbsp;ID se fait sur{" "}64          <a65            href={`${eco.hub.url}${eco.hub.loginPath}`}66            target="_blank"67            rel="noopener noreferrer"68            className="font-bold text-ink underline decoration-lime decoration-2 underline-offset-4"69          >70            groupe-ka.com/connexion71          </a>{" "}72          — le même compte ouvre toutes les plateformes du groupe.73        </p>74      </div>7576      {/* les sites de l'écosystème */}77      <div className="mt-10">78        <p className="kicker">L&apos;écosystème</p>79        <ul className="mt-4 flex max-w-3xl list-none flex-wrap gap-2.5 p-0">80          {others.map((s) => (81            <li key={s.id}>82              <a83                href={`https://${s.domain}`}84                target="_blank"85                rel="noopener noreferrer"86                className="chip"87                title={s.tagline}88              >89                {s.wordmark}90              </a>91            </li>92          ))}93        </ul>94      </div>95    </div>96  );97}98