const App = () => {
  const [theme, setTheme] = useState('light');

  useEffect(() => {
    document.documentElement.classList.toggle('dark', theme === 'dark');
  }, [theme]);

  useReveal();

  return (
    <>
      <Nav theme={theme} setTheme={setTheme}/>
      <main>
        <Hero/>
        <Problem/>
        <Solutions/>
        <Services/>
        <AIDD/>
        <AIDDAgents/>
        <Industries/>
        <Clients/>
        <Products/>
        <Outcomes/>
        <Workflow/>
        <Capabilities/>
        <Human/>
        <CTAFooter/>
      </main>
      <Chatbot/>
    </>
  );
};

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