// Shared layout pieces — TopNav, Footer, Ticker, etc. const PAGES = [ { id: "home", labelKey: "home", file: "index.html" }, { id: "platform", labelKey: "platform", file: "platform.html" }, { id: "capital", labelKey: "capital", file: "capital.html" }, { id: "cities", labelKey: "cities", file: "cities.html" }, { id: "manifesto", labelKey: "manifesto", file: "manifesto.html" }, ]; function BrandLink() { return ; } function TopNav({ active }) { const { t } = useT(); return (
{t.nav.access} →
); } function Ticker({ items }) { const doubled = [...items, ...items]; return (
{doubled.map((it, i) => ( {it.label} {it.value} {it.delta && {it.delta}} ))}
); } function Footer() { const { t, lang, tr } = useT(); const TR = tr; return ( ); } function FooterCol({title, links}) { return (
{title}
); } // Iso-block diagram (kept for hero visual) function CityDiagram({ animated = true }) { return ( ); } function IsoBlock({x, y, w, d, h, fill, stroke, highlight}) { const top = `M ${x} ${y} L ${x+w} ${y-d/2} L ${x+w*2} ${y} L ${x+w} ${y+d/2} Z`; const left = `M ${x} ${y} L ${x+w} ${y+d/2} L ${x+w} ${y+d/2+h} L ${x} ${y+h} Z`; const right = `M ${x+w} ${y+d/2} L ${x+w*2} ${y} L ${x+w*2} ${y+h} L ${x+w} ${y+d/2+h} Z`; return ( ); } // Vertical glyphs (one per company/product) function VerticalGlyph({ kind, size = 28 }) { const s = { width: size, height: size, color: "var(--ink)" }; switch (kind) { case "fund": return (); case "urblock": return (); case "smartcity": return (); case "studios": return (); case "school": return (); case "green": return (); case "franchise": return (); default: return null; } } function StatBig({ value, label, sub }) { return (
{label}
{value}
{sub &&
{sub}
}
); } function SectionHead({ index, kicker, title, sub, dark }) { return (
{index} / {kicker}

{sub &&

{sub}

}
); } function CursorFollower() { const dotRef = useRef(null); const ringRef = useRef(null); useEffect(() => { let mx = -50, my = -50, rx = -50, ry = -50; const onMove = (e) => { mx = e.clientX; my = e.clientY; if (dotRef.current) { dotRef.current.style.left = mx+"px"; dotRef.current.style.top = my+"px"; } }; const onOver = (e) => { if (e.target.closest("a, button, .module-card, .lang-btn")) { if (ringRef.current) { ringRef.current.style.width = "56px"; ringRef.current.style.height = "56px"; ringRef.current.style.borderColor = "var(--accent)"; } } else { if (ringRef.current) { ringRef.current.style.width = "32px"; ringRef.current.style.height = "32px"; ringRef.current.style.borderColor = "var(--ink)"; } } }; let raf; const loop = () => { rx += (mx - rx) * 0.15; ry += (my - ry) * 0.15; if (ringRef.current) { ringRef.current.style.left = rx+"px"; ringRef.current.style.top = ry+"px"; } raf = requestAnimationFrame(loop); }; loop(); window.addEventListener("mousemove", onMove); window.addEventListener("mouseover", onOver); return () => { cancelAnimationFrame(raf); window.removeEventListener("mousemove", onMove); window.removeEventListener("mouseover", onOver); }; }, []); return (<>
); } function CoordPlane() { // Static node positions for pulsing dots and scanning beams const nodes = [ [220, 280], [480, 180], [760, 420], [1100, 260], [1380, 540], [320, 760], [620, 880], [960, 720], [1280, 940], [180, 980], ]; return ( ); } function Page({ children }) { return {children}; } // Aliases for old code paths const ModuleGlyph = VerticalGlyph; Object.assign(window, { TopNav, Footer, Ticker, BrandLink, CityDiagram, IsoBlock, VerticalGlyph, ModuleGlyph, StatBig, SectionHead, PAGES, CursorFollower, CoordPlane, Page });