/* GUIDKO Discover — PAGE CENTRALE. Fonctionne comme un LIVRE : on atterrit, on comprend, on entre. Sections narratives progressives : Qui sommes-nous → Ton entrée → Ce qui se passe → Explorer. Pub = première ouverture / post-inscription. Non-pub = onglet dans chaque compte. */ const DISCOVER_FAMILIES = [ { fr: "Apprendre & Travailler", en: "Learn & Work", keys: ["eleve", "pro", "emploi", "formation", "prevention"] }, { fr: "Acheter, Vendre, Entretenir", en: "Buy, Sell, Maintain", keys: ["auto", "entretien", "carrosserie", "demarches", "recyclage", "financement", "equipement"] }, { fr: "Se déplacer", en: "Get around", keys: ["covoit", "vtc", "autopartage", "mobilitedouce", "adapte", "train", "bus", "bateau", "aerien", "transit"] }, { fr: "Transporter & Livrer", en: "Transport & Deliver", keys: ["livraison", "fret", "convoyage", "sanitaire", "flotte"] }, { fr: "Énergie, Route & Loisirs", en: "Energy, Road & Leisure", keys: ["energie", "recharge", "parking", "peage", "lavage", "depannage", "controle", "loisirs", "engins", "evenement", "tourisme", "voiturier", "connect", "verte"] }, { fr: "Socle & Confiance", en: "Core & Trust", keys: ["wallet", "assurance", "pass", "data", "gps"] }, ]; // Portes principales (section 2 du livre) const MAIN_DOORS = [ { k: "pro", ic: "b2b", color: "#0B0F1F", fr: "Espace Pro", en: "Pro", d: { fr: "Gérant · Moniteur · Accueil", en: "Manager · Instructor · Reception" } }, { k: "eleve", ic: "eleve", color: "#FF5A1F", fr: "Espace Élève", en: "Student", d: { fr: "Apprendre à conduire", en: "Learn to drive" } }, { k: "auto", ic: "auto", color: "#A78BFA", fr: "Marché Mobilité", en: "Mobility Market", d: { fr: "Acheter · vendre · louer", en: "Buy · sell · rent" } }, { k: "covoit", ic: "covoit", color: "#0FB76B", fr: "Covoiturage", en: "Carpool", d: { fr: "Partager la route", en: "Share the road" } }, { k: "livraison", ic: "b2b", color: "#3B6FF8", fr: "Livraison", en: "Delivery", d: { fr: "Commander ou livrer", en: "Order or deliver" } }, { k: "gps", ic: "bolt", color: "#FF5A1F", fr: "GUIDAROUTE", en: "GUIDAROUTE", d: { fr: "Le code, vivant", en: "The code, alive" } }, ]; // Posts du fil (section 3 du livre) const FEED_POSTS = [ { who: "Marc Lefèvre", role: { fr: "Moniteur · Lubasa", en: "Instructor · Lubasa" }, tone: 0, time: "12 min", text: { fr: "Encore une réussite au permis B aujourd'hui ! Bravo Léa — 3 mois de travail. Le covoiturage pour venir aux leçons, ça a tout changé.", en: "Another B-licence pass today! Well done Léa — 3 months of work. Carpooling to lessons changed everything." }, react: 48, comments: 7, tag: { k: "eleve", fr: "École", en: "School" }, tagColor: "#FF5A1F" }, { who: "GUIDKO", role: { fr: "Officiel", en: "Official" }, tone: 2, time: "1 h", official: true, text: { fr: "🚆 Nouveau : le rail rejoint le pont. Train + dernier km en covoiturage, payé en une fois.", en: "🚆 New: rail joins the bridge. Train + last-mile carpool, paid once." }, react: 213, comments: 24, tag: { k: "train", fr: "Train", en: "Rail" }, tagColor: "#3B6FF8", pinned: true }, { who: "Sofia Nkamba", role: { fr: "Vend sa Clio IV", en: "Selling her Clio IV" }, tone: 1, time: "2 h", text: { fr: "Je vends ma Clio IV (2019, 68 000 km). CT OK, paiement escrow GUIDKO. 8 900 €. Visites ce week-end.", en: "Selling my Clio IV (2019, 68k km). MOT OK, GUIDKO escrow. €8,900. Viewings this weekend." }, react: 31, comments: 12, tag: { k: "auto", fr: "Marché", en: "Market" }, tagColor: "#A78BFA", price: 8900 }, { who: "Yanis Traoré", role: { fr: "Covoitureur & livreur", en: "Driver & courier" }, tone: 4, time: "4 h", text: { fr: "Paris → Lyon vendredi 18h, 3 places. Je complète avec des livraisons sur la route. Qui embarque ?", en: "Paris → Lyon Fri 6pm, 3 seats. Topping up with deliveries en route. Who's in?" }, react: 19, comments: 5, tag: { k: "covoit", fr: "Covoit", en: "Carpool" }, tagColor: "#0FB76B" }, ]; // Live deals (section 3 inline) const LIVE_DEALS = [ { fr: "Peugeot 208 · 42k km", en: "Peugeot 208 · 42k km", sub: { fr: "Vérifiée · Escrow", en: "Verified · Escrow" }, price: 12400, interested: 7, k: "auto" }, { fr: "Paris → Lyon · 2 places", en: "Paris → Lyon · 2 seats", sub: { fr: "Ven 18h · 29 €/place", en: "Fri 6pm · €29/seat" }, price: 29, interested: 4, k: "covoit" }, { fr: "Mission urgente · 12e", en: "Urgent mission · 12e", sub: { fr: "Vélo/Scooter · 1.4 km", en: "Bike/Scooter · 1.4 km" }, price: 7.2, interested: null, k: "livraison" }, ]; function discoverMeta(key) { const C = GK.colors; const SVC = { assurance: ["shield", C.signal], energie: ["bolt", C.signal], parking: ["location", C.sky], entretien: ["auto", "#A78BFA"], flotte: ["b2b", C.slate], wallet: ["finance", C.flame], auto: ["auto", "#A78BFA"], covoit: ["covoit", C.signal], livraison: ["b2b", C.flame], eleve: ["eleve", C.flame], pro: ["b2b", C.ink], gps: ["bolt", C.flame] }; if (SVC[key]) return { ic: SVC[key][0], color: SVC[key][1] }; const bd = window.BRANCH_DATA && window.BRANCH_DATA[key]; if (bd) return { ic: bd.icon || "region", color: bd.accent || C.slate }; return { ic: "region", color: C.slate }; } function discoverLabel(key, lang) { const bd = window.BRANCH_DATA && window.BRANCH_DATA[key]; if (bd) return bd[lang] || bd.fr; const map = { eleve: { fr: "Espace Élève", en: "Student" }, pro: { fr: "Espace Pro", en: "Pro" }, auto: { fr: "Marché Mobilité", en: "Mobility Market" }, covoit: { fr: "Covoiturage", en: "Carpool" }, livraison: { fr: "Livraison", en: "Delivery" }, wallet: { fr: "Wallet", en: "Wallet" }, assurance: { fr: "Assurance", en: "Insurance" }, energie: { fr: "Énergie", en: "Energy" }, parking: { fr: "Stationnement", en: "Parking" }, entretien: { fr: "Entretien", en: "Service" }, flotte: { fr: "Flotte B2B", en: "B2B Fleet" }, gps: { fr: "GUIDAROUTE", en: "GUIDAROUTE" }, pass: { fr: "Pass Mobilité", en: "Mobility Pass" } }; return (map[key] && (map[key][lang] || map[key].fr)) || key; } function discoverRoute(key) { const direct = { eleve: "eleve/overview", pro: "moniteur/overview", auto: "auto/market", covoit: "covoit/overview", livraison: "livraison/overview", gps: "gps/drive", wallet: "eleve/wallet", assurance: "assurance/overview" }; return direct[key] || `${key}/overview`; } // ────────────────────────────────────────────── // Sous-domaines par porte principale (hover dropdown) const DOOR_SUBS = { pro: [{ fr: "Espace Gérant", en: "Manager", k: "gerant" }, { fr: "Espace Accueil", en: "Reception", k: "accueil" }, { fr: "Espace Moniteur", en: "Instructor", k: "moniteur" }], eleve: [{ fr: "Ma progression", en: "My progress", k: "overview" }, { fr: "Réserver une leçon", en: "Book a lesson", k: "book" }, { fr: "Code de la route", en: "Road code", k: "code" }], auto: [{ fr: "Acheter un véhicule", en: "Buy a vehicle", k: "market" }, { fr: "Vendre le mien", en: "Sell mine", k: "sell" }, { fr: "Louer", en: "Rent", k: "rent" }, { fr: "Pièces détachées", en: "Spare parts", k: "parts" }, { fr: "Bateaux & Engins", en: "Boats & Machinery", k: "market" }], covoit: [{ fr: "Chercher un trajet", en: "Find a ride", k: "search" }, { fr: "Proposer un trajet", en: "Offer a ride", k: "driver" }, { fr: "Trajets récurrents", en: "Recurring rides", k: "driver" }], livraison: [{ fr: "Commander un repas", en: "Order food", k: "client" }, { fr: "Livrer (missions)", en: "Deliver", k: "livreur" }, { fr: "Logistique B2B", en: "B2B logistics", k: "b2b" }], gps: [{ fr: "Navigation", en: "Navigation", k: "drive" }, { fr: "Carte ressources", en: "Resource map", k: "map" }, { fr: "Code en continu", en: "Continuous code", k: "learn" }], }; // ===== Filtre Lancement V1 (window.GK_LAUNCH) — ouverture progressive ===== if (window.GK_LAUNCH) { const gkAll = window.GK_LAUNCH.all || []; const gkCut = (arr, keyFn) => { for (let i = arr.length - 1; i >= 0; i--) if (!gkAll.includes(keyFn(arr[i]))) arr.splice(i, 1); }; gkCut(MAIN_DOORS, d => d.k); DISCOVER_FAMILIES.forEach(f => { f.keys = f.keys.filter(k => gkAll.includes(k)); }); for (let i = DISCOVER_FAMILIES.length - 1; i >= 0; i--) if (DISCOVER_FAMILIES[i].keys.length === 0) DISCOVER_FAMILIES.splice(i, 1); if (typeof FEED_POSTS !== "undefined") gkCut(FEED_POSTS, p => (p.tag && p.tag.k) || "eleve"); } const GK_NB = (window.GK_LAUNCH && window.GK_LAUNCH.count) || 46; function DiscoverPage({ role, navigate, pub }) { const C = GK.colors; const { t, lang } = useI18n(); const [likes, setLikes] = React.useState({}); const [exploreOpen, setExploreOpen] = React.useState(false); const [hoveredDoor, setHoveredDoor] = React.useState(null); const store = (window.useStore ? window.useStore() : { state: {} }); const me = store.state && store.state.user; const money = (v) => window.GKmoney ? window.GKmoney(v) : v + " €"; const greeting = !pub && me ? t(`Salut ${me.name ? me.name.split(" ")[0] : ""}`, `Hi ${me.name ? me.name.split(" ")[0] : ""}`) : null; function go(key) { if (pub) { // Mémorise l'intention → LoginScreen ouvrira directement sur ce service try { localStorage.setItem("guidko_intent", key); } catch (e) {} navigate("/login"); } else { navigate("/" + discoverRoute(key)); } } const dark = pub; const bg = dark ? C.ink : C.paper; const card = dark ? "#10172E" : "#fff"; const cardBd = dark ? "#1F2542" : C.softLine; const txt = dark ? "#fff" : C.ink; const muted = dark ? "#9098B5" : C.slate; const sec = dark ? "#0B0F1F" : C.cream; const content = (
{/* ── SECTION 1 : LE MANIFESTE (comprendre d'un coup d'œil) ── */}
GUIDKO · {t("L'OS DE LA MOBILITÉ", "THE MOBILITY OS")}

{greeting ? <>{greeting},
{t("que veux-tu faire ?", "what will you do?")} : <>{t("Un noyau.", "One core.")}
{t(GK_NB + " services reliés.", GK_NB + " connected services.")}}

{[ { g: "●", c: C.flame, fr: "Former, gérer, accueillir", en: "Train, manage, welcome" }, { g: "●", c: C.signal, fr: "Acheter, vendre, louer, livrer", en: "Buy, sell, rent, deliver" }, window.GK_LAUNCH ? { g: "●", c: C.sky, fr: "Du permis au revenu", en: "From license to income" } : { g: "●", c: C.sky, fr: "Route, rail, eau, ciel", en: "Road, rail, sea, sky" }, ].map((p, i) => (
● {p[lang] || p.fr}
))}
{/* ── SECTION 2 : TON ENTRÉE (les portes principales) ── */}
{t("TROUVE TON ENTRÉE", "FIND YOUR DOOR")}
{MAIN_DOORS.map(d => { const subs = DOOR_SUBS[d.k] || []; const hov = hoveredDoor === d.k; return (
setHoveredDoor(d.k)} onMouseLeave={() => setHoveredDoor(null)}>
go(d.k)} style={{ padding: 18, borderRadius: 14, border: `1.5px solid ${hov ? d.color : cardBd}`, background: hov ? (dark ? "#1A2142" : C.cream) : card, cursor: "pointer", transition: "all .15s", height: "100%" }}>
{window.GKIcon && window.hasGKIcon(d.ic) ? : "◆"}
{d[lang] || d.fr}
{d.d[lang] || d.d.fr}
{pub ? t("Entrer", "Enter") : t("Ouvrir", "Open")} ▶
{hov && subs.length > 0 && (
{subs.map((s, si) => { const base = d.k === "pro" ? s.k : d.k === "eleve" ? "eleve" : d.k; return (
{ e.stopPropagation(); if (pub) { try { localStorage.setItem("guidko_intent", d.k); } catch (ex) {} navigate("/login"); } else { navigate(`/${base}/${s.k}`); } setHoveredDoor(null); }} style={{ display: "flex", alignItems: "center", gap: 10, padding: "10px 14px", cursor: "pointer", fontSize: 13.5, color: dark ? "#E6E9F5" : C.ink, borderTop: si === 0 ? "none" : `1px solid ${dark ? "#1F2949" : C.softLine}`, transition: "background .1s" }} onMouseEnter={e => e.currentTarget.style.background = dark ? "#1F2949" : C.cream} onMouseLeave={e => e.currentTarget.style.background = "transparent"}> → {s[lang] || s.fr}
); })}
go(d.k)} style={{ padding: "10px 14px", borderTop: `1px solid ${dark ? "#1F2949" : C.softLine}`, fontSize: 12.5, fontWeight: 600, color: d.color === C.ink ? C.flame : d.color, cursor: "pointer" }}>{t("Voir tout →", "See all →")}
)}
);})} {/* Porte "Explorer les 46" */}
setExploreOpen(o => !o)} style={{ padding: 18, borderRadius: 14, border: `2px dashed ${cardBd}`, background: "transparent", cursor: "pointer", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: 8, minHeight: 140 }}>
{window.GKIcon && window.hasGKIcon("region") ? : "+"}
{t("Explorer les " + GK_NB + " services", "Explore all " + GK_NB)}
{exploreOpen ? "▲" : "▼"}
{/* Explorateur dépliable (les 46 services) */} {exploreOpen && (
{DISCOVER_FAMILIES.map((fam, fi) => (
{(fam[lang] || fam.fr).toUpperCase()}
{fam.keys.map(k => { const m = discoverMeta(k); return ( go(k)} style={{ display: "inline-flex", alignItems: "center", gap: 7, padding: "7px 12px", borderRadius: 999, border: `1px solid ${cardBd}`, background: sec, cursor: "pointer", fontSize: 12.5, fontWeight: 500, color: txt, transition: "border-color .12s" }} onMouseEnter={e => e.currentTarget.style.borderColor = m.color} onMouseLeave={e => e.currentTarget.style.borderColor = cardBd}> {window.GKIcon && window.hasGKIcon(m.ic) ? : "◆"} {discoverLabel(k, lang)} ); })}
))}
)}
{/* ── SECTION 3 : CE QUI SE PASSE (fil social + offres en vie) ── */}
{t("CE QUI SE PASSE", "WHAT'S HAPPENING")}
{/* Feed */}
{/* Composer */}
{window.Avatar ? :
}
pub ? navigate("/login") : null} style={{ flex: 1, padding: "9px 13px", borderRadius: 999, background: sec, color: muted, fontSize: 13, cursor: pub ? "pointer" : "text" }}>{t("Partage avec la communauté…", "Share with the community…")}
{/* EN VIE */}
{t("EN VIE — OFFRES DU MOMENT", "LIVE — CURRENT DEALS")}
{LIVE_DEALS.map((d, i) => { const m = discoverMeta(d.k); return (
go(d.k)} style={{ display: "flex", alignItems: "center", gap: 11, padding: 11, borderRadius: 10, background: sec, cursor: "pointer" }}>
{window.GKIcon && window.hasGKIcon(m.ic) ? : "◆"}
{d[lang] || d.fr}
{d.sub[lang] || d.sub.fr}{d.interested ? ` · ${d.interested} ${t("intéressés","interested")}` : ""}
{money(d.price)}
); })}
{/* Posts */} {FEED_POSTS.map((p, i) => (
{window.Avatar ? :
}
{p.who} {p.official && ✓ GUIDKO}
{p.role[lang] || p.role.fr} · {p.time}
go(p.tag.k)}>{p.tag[lang] || p.tag.fr}

{p.text[lang] || p.text.fr}

{p.price && (
go(p.tag.k)} style={{ display: "flex", alignItems: "center", gap: 11, padding: 10, borderRadius: 10, background: sec, marginBottom: 11, cursor: "pointer" }}>
{window.GKIcon && window.hasGKIcon("auto") ? : "🚗"}
{t("Annonce vérifiée · escrow GUIDKO", "Verified listing · GUIDKO escrow")}
{money(p.price)}
)}
💬 {p.comments} ↗ {t("Partager", "Share")}
))}
{/* Rail droit */}
{/* Stats écosystème */}
{t("AUJOURD'HUI", "TODAY")}
{[[t("TRAJETS", "RIDES"), "2 841", C.signal], [t("ANNONCES", "LISTINGS"), "1 284", "#A78BFA"], [t("MISSIONS", "MISSIONS"), "187", C.flame], [t("CO2 ÉCONOMISÉ", "CO2 SAVED"), "3.2 t", "#0FB76B"]].map(([l, v, c]) => (
{v}
{l}
))}
{/* Parrainage */}
{t("PARRAINAGE", "REFERRAL")}
{t("Parraine, gagne 15 €", "Refer a friend, get €15")}
{t("Ton filleul reçoit 10 €. Sur tous les services.", "Your friend gets €10. Across all services.")}
{/* Connexion si pub */} {pub && (
{t("Prêt à entrer ?", "Ready to enter?")}
)}
); if (pub) { return (
{window.GuidkoLogo ? : GUIDKO}
{window.LangSelector && }
{content}
); } return ( <> {content} ); } window.DiscoverPage = DiscoverPage;