spb/vrai-prix Public

1// Auteur : Simon-Pierre Boucher — contact@spboucher.ai2"use client";3import KaChat from "@/components/KaChat";4import { useLang } from "@/components/LangContext";56export default function KaHero() {7  const { lang } = useLang();8  const fr = lang === "fr";910  const powers = fr11    ? [12        ["12 outils", "registre, moteur, marché"],13        ["3,7 M", "unités interrogeables"],14        ["En direct", "réponse en streaming"],15      ]16    : [17        ["12 tools", "registry, engine, market"],18        ["3.7M", "queryable units"],19        ["Live", "streaming answers"],20      ];2122  return (23    <main className="relative z-[1] mx-auto w-full max-w-[1080px] px-4 pb-16 pt-10 sm:px-6">24      <div className="mb-8 text-center">25        <span className="kicker justify-center">26          {fr ? "Agent IA · propulsé par Claude" : "AI agent · powered by Claude"}27        </span>28        <h1 className="vp-display mx-auto mt-3 max-w-[620px] text-[34px] font-bold leading-[1.05] tracking-[-0.04em] sm:text-[46px]">29          {fr ? (30            <>31              Jase avec <span className="hl">Ka</span>, il connaît chaque adresse du Québec.32            </>33          ) : (34            <>35              Chat with <span className="hl">Ka</span> — it knows every Québec address.36            </>37          )}38        </h1>39        <p className="mx-auto mt-3 max-w-[560px] text-[14.5px] text-ink-2">40          {fr41            ? "Donne-lui une adresse : il la retrouve dans le registre, l'évalue avec le même moteur transparent que Vrai-Prix, puis t'explique le prix — comparables, marché local, tendance."42            : "Give it an address: it finds it in the registry, values it with Vrai-Prix's transparent engine, then explains the price — comparables, local market, trend."}43        </p>44        <div className="mt-5 flex flex-wrap justify-center gap-2.5">45          {powers.map(([b, s]) => (46            <span key={b} className="stat-chip">47              <b>{b}</b> {s}48            </span>49          ))}50        </div>51      </div>5253      <KaChat />54    </main>55  );56}57