/* Landing page — choose your path: IF Visuals vs IF */ const { useState: useStateL, useEffect: useEffectL } = React; function Landing({ go, t, lang, setLang, openShare }) { const [hover, setHover] = useStateL(null); // 'visuals' | 'if' | null const [mounted, setMounted] = useStateL(false); useEffectL(() => { const ti = setTimeout(() => setMounted(true), 50); return () => clearTimeout(ti); }, []); const L = t.landing; return (
{/* center tagline */}

{L.tagline}

{/* corner mark */}
{L.cornerLeft}
{L.cornerRight}
{/* split halves */}
{/* IF Visuals — left */} setHover("visuals")} onLeave={() => setHover(null)} onClick={() => go("visuals")} mounted={mounted} delay={0.1} copy={L.visuals} /> {/* IF — right */} setHover("if")} onLeave={() => setHover(null)} onClick={() => go("art")} mounted={mounted} delay={0.2} copy={L.art} />
{/* divider */}
{/* footer marquee hint */}
{L.footerLeft} | {L.footerRight}
); } function Side({ variant, active, dimmed, onEnter, onLeave, onClick, mounted, delay, copy }) { const isVisuals = variant === "visuals"; return (
{/* Tinted background */}
{/* IF Visuals: subtle grid */} {isVisuals && (
)} {/* IF: scan lines + diagonal */} {!isVisuals && (
)} {/* content */}
{copy.cat}
{copy.sub}

{isVisuals ? ( IF Visuals. ) : ( IF . )}

{copy.body}

{/* discipline tags */}
{copy.tags.map((tag) => ( {tag} ))}
{copy.enter} →
{copy.footer} {copy.badge}
); } window.Landing = Landing;