// Integration detail page
function App() {
const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);
React.useEffect(() => { document.body.dataset.logoFont = t.logoFont || 'mono'; }, [t.logoFont]);
React.useEffect(() => { document.body.dataset.logoAccent = t.logoAccent || 'dot'; }, [t.logoAccent]);
React.useEffect(() => { document.body.dataset.pageFont = t.pageFont || 'current'; }, [t.pageFont]);
React.useEffect(() => { document.body.style.setProperty('--logo-scale', (t.logoSize || 100) / 100); }, [t.logoSize]);
React.useEffect(() => { document.body.dataset.logoWeight = t.logoWeight || 'auto'; }, [t.logoWeight]);
React.useEffect(() => { document.body.dataset.navHome = t.navHomeText ? 'show' : 'hide'; }, [t.navHomeText]);
React.useEffect(() => {
document.body.dataset.ambient = t.ambient ? 'on' : 'off';
document.body.style.setProperty('--amb-dur', (t.ambientDur || 160) + 's');
}, [t.ambient, t.ambientDur]);
return (
<>
One platform.
Every source.}
sub="We start with your workspace — then layer in every system your organisation holds, connecting and reconciling it into a single source of truth."/>
setTweak('hubStyle', v)}/>
setTweak('ambient', v)}/>
setTweak('ambientDur', v)}/>
setTweak('logoFont', v)}/>
setTweak('logoSize', v)}/>
setTweak('logoWeight', v)}/>
setTweak('navHomeText', v)}/>
setTweak('logoAccent', v)}/>
setTweak('pageFont', v)}/>
);
}
ReactDOM.createRoot(document.getElementById('root')).render();