/* global React, ReactDOM, Nav, Hero, Services, Platform, Work, Quote, Contact, Footer */
const { useState: useAppState, useEffect: useAppEffect } = React;

function App() {
  const [theme, setTheme] = useAppState('dark');
  useAppEffect(() => { document.documentElement.setAttribute('data-theme', theme); }, [theme]);

  return (
    <>
      <Nav theme={theme} onToggleTheme={() => setTheme(t => t === 'dark' ? 'light' : 'dark')} />
      <main>
        <Hero />
        <Services />
        <WhyUs />
        <Approach />
        <Work />
        <Quote />
        <Contact />
      </main>
      <Footer />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);