spb/vrai-prix Public

1// Auteur : Simon-Pierre Boucher — contact@spboucher.ai2"use client";3import MapSearch from "@/components/MapSearch";4import { useLang } from "@/components/LangContext";56export default function CartePage() {7  const { lang } = useLang();8  const fr = lang === "fr";9  return (10    <main className="mx-auto w-full max-w-5xl px-4 pb-16 pt-8 md:pt-12">11      <p className="kicker">{fr ? "Recherche par carte" : "Map search"}</p>12      <h1 className="vp-display mt-3 text-[clamp(28px,6vw,44px)] font-bold uppercase leading-[1.02] tracking-[-0.03em] text-ink">13        {fr ? "Votre quartier, " : "Your neighbourhood, "}14        <span className="hl">{fr ? "estimé" : "appraised"}</span>15      </h1>16      <p className="mt-4 max-w-2xl text-[15px] leading-relaxed text-ink-2">17        {fr18          ? "Déplacez la carte ou géolocalisez-vous : chaque point est une unité d'évaluation avec son estimation 2026. Touchez un point pour l'aperçu, puis passez à l'estimation complète."19          : "Pan the map or use your location: every dot is an assessment unit with its 2026 estimate. Tap a dot for a preview, then get the full estimate."}20      </p>21      <div className="mt-7">22        <MapSearch />23      </div>24      <p className="vp-mono mt-5 text-[10.5px] uppercase tracking-[0.06em] text-ink-3">25        {fr26          ? "Fond de carte © OpenStreetMap · Estimations statistiques à titre indicatif (OEAQ)."27          : "Basemap © OpenStreetMap · Statistical estimates for information only (OEAQ)."}28      </p>29    </main>30  );31}32