﻿// App entry point for solo/base page
const { useState, useEffect } = React;
function App() {
  const [config, setConfig] = useState(window.__TWEAKS__);
  useEffect(() => { applyPalette(config.palette); }, [config.palette]);
  useRevealObserver();
  return (
    <>
      <Nav current="solo" />
      <SoloHero />
      <div data-reveal><SoloWhy /></div>
      <div data-reveal><SoloFeatures /></div>
      <div data-reveal><SoloSetup /></div>
      <div data-reveal><SoloProxy /></div>
      <div data-reveal><FinalCTA /></div>
      <Footer />
      <Tweaks config={config} onChange={setConfig} />
    </>
  );
}
ReactDOM.createRoot(document.getElementById('app')).render(<App />);
