// Auteur : Simon-Pierre Boucher — contact@spboucher.ai
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Conditions d’utilisation — Groupe KA",
  description:
    "Conditions d’utilisation du site groupe-ka.com et principes communs aux plateformes du Groupe KA.",
};

const SECTIONS: { num: string; title: string; body: React.ReactNode }[] = [
  {
    num: "01",
    title: "Objet du site",
    body: (
      <>
        Le site groupe-ka.com est la vitrine corporative du Groupe KA, un
        holding québécois d&apos;agrégateurs automatisés. Il présente les
        plateformes du groupe et n&apos;offre lui-même aucun service
        transactionnel. Chaque plateforme (Lou·Ka, Immo·Ka, Vrai-Prix,
        ValoPlex, Auto·Ka, Fabri·Ka, Food·Ka) possède ses propres conditions
        d&apos;utilisation, disponibles sur son site respectif ; en cas de
        divergence, les conditions propres à une plateforme prévalent sur les
        présentes pour l&apos;usage de cette plateforme.
      </>
    ),
  },
  {
    num: "02",
    title: "Nature de l’information",
    body: (
      <>
        Les chiffres présentés (inventaires, connecteurs, couvertures) sont
        mesurés sur les plateformes du groupe et évoluent en continu ; ils
        sont fournis à titre indicatif, sans garantie d&apos;exactitude à un
        instant donné. Les plateformes du groupe agrègent des données lues à
        la source sur des sites tiers : chaque fiche renvoie à sa source
        originale, qui demeure la référence. Rien sur ce site ou sur les
        plateformes du groupe ne constitue un conseil professionnel —
        immobilier, financier, juridique ou autre.
      </>
    ),
  },
  {
    num: "03",
    title: "Propriété intellectuelle",
    body: (
      <>
        Les marques, logos, textes, figures et éléments visuels du site — y
        compris l&apos;identité « ·Ka » et ses déclinaisons — appartiennent au
        Groupe KA (Simon-Pierre Boucher). Toute reproduction à des fins
        commerciales sans autorisation écrite est interdite. Les contenus
        agrégés par les plateformes demeurent la propriété de leurs sources
        respectives, auxquelles chaque fiche renvoie.
      </>
    ),
  },
  {
    num: "04",
    title: "Utilisation acceptable",
    body: (
      <>
        Il est interdit d&apos;entraver le fonctionnement du site, d&apos;y
        accéder par des moyens automatisés abusifs, ou de présenter les
        données du groupe comme les siennes. L&apos;ironie ne nous échappe
        pas : nous agrégeons nous-mêmes — mais toujours en renvoyant à la
        source, en respectant les fichiers robots et sans jamais nous
        approprier le contenu d&apos;autrui. Nous demandons la même courtoisie.
      </>
    ),
  },
  {
    num: "05",
    title: "Limitation de responsabilité",
    body: (
      <>
        Le site et les plateformes du groupe sont fournis « tels quels ». Le
        Groupe KA ne saurait être tenu responsable des décisions prises sur la
        base des informations agrégées, ni des interruptions de service, ni du
        contenu des sites sources ou des sites tiers vers lesquels des liens
        pointent. Les estimations de valeur (Vrai-Prix, ValoPlex) sont des
        outils statistiques assortis de fourchettes d&apos;incertitude
        affichées ; elles ne remplacent pas l&apos;évaluation d&apos;un
        professionnel agréé.
      </>
    ),
  },
  {
    num: "06",
    title: "Droit applicable",
    body: (
      <>
        Les présentes conditions sont régies par les lois applicables au
        Québec et au Canada. Tout litige relève des tribunaux compétents du
        district judiciaire de Québec.
      </>
    ),
  },
  {
    num: "07",
    title: "Nous joindre",
    body: (
      <>
        Pour toute question relative aux présentes conditions :{" "}
        <a className="gk-mono font-bold underline underline-offset-4" href="mailto:admin@groupe-ka.com">
          admin@groupe-ka.com
        </a>
        . Pour les questions générales :{" "}
        <a className="gk-mono font-bold underline underline-offset-4" href="mailto:info@groupe-ka.com">
          info@groupe-ka.com
        </a>
        . Pour les projets et partenariats :{" "}
        <a className="gk-mono font-bold underline underline-offset-4" href="mailto:contact@groupe-ka.com">
          contact@groupe-ka.com
        </a>
        .
      </>
    ),
  },
];

export default function Conditions() {
  return (
    <main className="mx-auto max-w-3xl px-4 pb-16 sm:px-6">
      <section className="pt-12 sm:pt-14">
        <p className="kicker rise">Le cadre · groupe-ka.com</p>
        <h1 className="gk-display rise mt-4 text-[clamp(30px,5vw,52px)] leading-[1] font-bold tracking-[-0.035em] uppercase [animation-delay:0.08s]">
          Conditions <span className="hl">d&apos;utilisation</span>
        </h1>
        <p className="rise mt-5 max-w-xl text-[15px] text-ink-2 [animation-delay:0.16s]">
          Sept sections, écrites pour être lues — comme tout ce que nous
          publions, sans boîte noire. En vigueur depuis le 13 août 2026.
        </p>
      </section>

      <div className="mt-10 space-y-5">
        {SECTIONS.map((s, i) => (
          <article
            key={s.num}
            className="gk-card rise p-5 sm:p-7"
            style={{ animationDelay: `${0.15 + i * 0.06}s` }}
          >
            <span className="gk-mono text-[12px] font-bold text-green">
              {s.num}
            </span>
            <h2 className="gk-display mt-2 text-[17px] font-bold uppercase">
              {s.title}
            </h2>
            <p className="mt-3 text-[14px] leading-relaxed text-ink-2">
              {s.body}
            </p>
          </article>
        ))}
      </div>

      <p className="gk-mono mt-8 text-[11px] text-ink-3">
        Voir aussi :{" "}
        <a href="/confidentialite" className="underline underline-offset-4 hover:text-ink">
          Politique de confidentialité
        </a>
      </p>
    </main>
  );
}