// Main app composition
const App = () => {
  useEffect(() => {
    document.documentElement.setAttribute('data-accent', window.__TWEAKS__.accent);
    document.documentElement.setAttribute('data-theme', window.__TWEAKS__.theme || 'dark');
    document.body.setAttribute('data-grain', String(window.__TWEAKS__.showGrain));
  }, []);

  return (
    <>
      <Nav base="" />
      <Hero />
      <Services />
      <Marquee />
      <Stats />
      <Cases />
      <BeforeAfter />
      <Process />
      <Calculator />
      <Contact />
      <Footer base="" />
      <Tweaks />
    </>
  );
};

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