/* Storefront home — Intro marque (RAFFINÉ par Fable / Claude Design — depuis le seed sobre). Élévation « geek-romantic » chaleureuse : rythme, hiérarchie, motion, icônes tracées main. Faits = source unique brand-facts.json — INCHANGÉS ; chaque atome garde son data-fact-key. Tokens DS uniquement. ⚠️ Le seed pointait --mg-honey / --mg-honey-soft (TOKENS FANTÔMES, non définis → accents invisibles) : corrigés vers l'échelle réelle --mg-yellow / -70 / -30. Zéro dépendance externe. CSS limité à .bi-*. window.BrandIntro. */ function BrandIntro() { const { useRef, useEffect } = React; // 4 piliers de force — titres + phrases STRICTEMENT identiques à brand-facts.json. const PILLARS = [ { k: "pillar-magnetic", n: "01", t: "Performance magnétique", d: "N°1 mondial du magnétique — 0,125 ms, le déclenchement le plus rapide qui existe. Centauri & MADE68 Hall Effect.", icon: ( ), }, { k: "pillar-design", n: "02", t: "Design & créativité", d: "Transparents (MOJO68), compatibles briques (Pixel), collaborations officielles sous licence (Evangelion).", icon: ( ), }, { k: "pillar-ecosystem", n: "03", t: "Écosystème complet", d: "Keycaps (MDA / Big Bang), logiciel Hive, souris Horus, lightbox — pas que des claviers.", icon: ( ), }, { k: "pillar-community", n: "04", t: "Communauté & e-sport", d: "Entièrement financé sur Kickstarter, communauté Discord / Reddit, équipes Valorant (FPX · DRG).", icon: ( ), }, ]; // (Bande de cautions retirée — redondante avec le module Presse au-dessus. Feedback Tian 2026-07-04.) const rootRef = useRef(null); useEffect(() => { const root = rootRef.current; if (!root) return; const items = root.querySelectorAll(".bi-reveal"); const reduce = window.matchMedia("(prefers-reduced-motion: reduce)").matches; if (reduce || !("IntersectionObserver" in window)) { items.forEach((el) => el.classList.add("is-in")); return; } const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add("is-in"); io.unobserve(e.target); } }); }, { threshold: 0.16, rootMargin: "0px 0px -8% 0px" } ); items.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); return (
〔 La marque 〕

L'esthétique de l'intuition × la précision infinie

MelGeek — Mel, le cœur miel (l'intuition chaleureuse) ; Geek, le cerveau (la précision). Claviers mécaniques personnalisables haut de gamme et écosystème de périphériques, fièrement fabriqué à Shenzhen, 2014.

Play for Fun, Not to Win.
{PILLARS.map((p, idx) => (
{p.icon}

{p.t}

{p.d}

))}
); } window.BrandIntro = BrandIntro;