// homepage-extra.jsx — extension sections shared by mobile + desktop wrappers. // Components are device-agnostic; mobile/desktop wrappers tune padding via props. // ───────────────────────────────────────────────────────────── // Section header (consistent across all extras) // ───────────────────────────────────────────────────────────── function XSH({ s, dark = false, dense = false }) { if (dense) { return (
§ {s.num} · {s.kicker}

{s.title}

{s.intro}
); } return (
§ {s.num}
{s.kicker}

{s.title}
{s.intro}
); } // ───────────────────────────────────────────────────────────── // 02 · ABOUT — paper background, ledger of facts + 3 pillars // ───────────────────────────────────────────────────────────── function XAbout({ dense = false }) { const { t } = useLang(); const s = t.secX.about; return (
{/* Pillars */}
{t.about.pillars.map(([k, v], i) => (
0{i + 1}
{k}
{v}
 ))}
{/* Registration ledger */}
РЕГИСТРАЦИОННАЯ ВЫПИСКА · KVK
{t.about.ledger.map(([k, v], i) => (
{k} {v}
))}
); } // ───────────────────────────────────────────────────────────── // 04 · WHY — graphite section, vertical timeline of 6 // ───────────────────────────────────────────────────────────── function XWhy({ dense = false }) { const { t } = useLang(); return (
{dense ? ( <>
{t.why.map(([n, k, v], i) => (
{n}
{k}
{v}
 ))} ) : (
{t.why.map(([n, k, v], i) => (
{n} 0{i + 1} / 06
{k}
{v}
 ))}
)}
); } // ───────────────────────────────────────────────────────────── // 06 · PROCESS EXTENDED — paper, 7-step structured ledger // ───────────────────────────────────────────────────────────── function XProcessExt({ dense = false }) { const { t } = useLang(); return (
{t.processX.map(([n, k, v], i) => (
{n}
{!dense && (
{k}
)}
{dense && (
{k}
)}
{v}
{!dense && (
ШАГ {String(i + 1).padStart(2, '0')}
)}
))}
); } // ───────────────────────────────────────────────────────────── // 08 · EVIDENCE — black, 8-cell document grid // ───────────────────────────────────────────────────────────── function XEvidence({ dense = false }) { const { t } = useLang(); return (
{t.evidence.map(([k, v], i) => (
{String(i + 1).padStart(2, '0')}
{k}
{v}
 ))}
); } // ───────────────────────────────────────────────────────────── // 11 · STATS — white background, animated counters // ───────────────────────────────────────────────────────────── function XStats({ dense = false }) { const { t } = useLang(); return (
{t.stats.map(([n, l, sub], i) => (
{String(i + 1).padStart(2, '0')}
{l}
{sub}
 ))}
); } // ───────────────────────────────────────────────────────────── // 13 · CONTACT — graphite block (paired with footer) // ───────────────────────────────────────────────────────────── function XContact({ dense = false }) { const { t } = useLang(); return (
{t.contact.blocks.map(([k, v], i) => (
0{i + 1} · {k}
{v}
 ))}
{t.contact.hoursLabel} {t.contact.hours}
KVK 27164831 · 13.01.2012
); } Object.assign(window, { XAbout, XWhy, XProcessExt, XEvidence, XStats, XContact });