// Kolos Capital — landing app.
//
// The fastroads engine is now inlined into the parent document (see
// index.html), so we talk to its audio singleton directly via
// window.__kolosAudio. No more postMessage bridge.
const { useEffect, useState } = React;
// ── Audio toggle icon ────────────────────────────────────────────────────
function AudioIcon({ muted }) {
if (muted) {
return (
);
}
return (
);
}
// ── Audio helpers (in-process, no iframe) ────────────────────────────────
function applyAudio(muted) {
// Engine may not have assigned __kolosAudio yet; retry briefly.
var tries = 0;
(function tick() {
var a = window.__kolosAudio;
if (a) {
try {
if (!a.hasInit && typeof a.init === 'function') a.init();
if (muted && typeof a.mute === 'function') a.mute();
else if (!muted && typeof a.unmute === 'function') a.unmute();
var ctx = a.listener && a.listener.context;
if (!muted && ctx && ctx.state !== 'running' && ctx.resume) ctx.resume();
} catch (e) {}
return;
}
if (++tries < 80) setTimeout(tick, 200);
})();
}
// ── App ──────────────────────────────────────────────────────────────────
function App() {
// Audio defaults OFF; user clicks the bottom-right toggle to enable.
const [audioOn, setAudioOn] = useState(false);
// Apply mute state whenever the toggle changes.
useEffect(() => {
applyAudio(!audioOn);
}, [audioOn]);
// Audio unlock: any first user gesture in this window resumes the
// AudioContext. Because the engine lives in this same document, the
// gesture counts as activation directly — no cross-frame dance needed.
useEffect(() => {
const unlock = () => {
try {
const audio = window.__kolosAudio;
const ctx = audio && audio.listener && audio.listener.context;
if (ctx && ctx.state !== 'running' && typeof ctx.resume === 'function') {
ctx.resume();
}
} catch (e) {}
};
window.addEventListener('pointerdown', unlock, true);
window.addEventListener('keydown', unlock, true);
window.addEventListener('touchstart', unlock, true);
return () => {
window.removeEventListener('pointerdown', unlock, true);
window.removeEventListener('keydown', unlock, true);
window.removeEventListener('touchstart', unlock, true);
};
}, []);
return (
{/* Top-left: signature lockup */}
{/* Centre-left: editorial tagline */}
Enjoy the ride.
Earn on autopilot.
{/* Bottom-left: contact */}
{/* Bottom-right: discreet audio toggle */}
);
}
ReactDOM.createRoot(document.getElementById('app-root')).render();