/* global React, ReactDOM, Nav, Hero, Partners, Services, About, Locations, CtaStrip, Footer, QuoteModal, useReveal,
TweaksPanel, useTweaks, TweakSection, TweakRadio, TweakToggle */
const { useEffect, useState, useRef } = React;
function App() {
const [t, setT] = useTweaks(window.TWEAK_DEFAULTS);
const [quoteOpen, setQuoteOpen] = useState(false);
const rootRef = useReveal();
useEffect(() => {
document.body.dataset.palette = t.palette;
document.body.dataset.accent = t.accent;
document.body.classList.toggle('has-grain', !!t.showGrain);
}, [t]);
// ESC closes modal
useEffect(() => {
const onKey = (e) => { if (e.key === 'Escape') setQuoteOpen(false); };
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, []);
return (
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();