// === Main App ===
function App() {
  // wire tweak listeners to side-effects (particles, parallax)
  useEffect(() => {
    const apply = (t) => {
      if (window.__updateParticles) window.__updateParticles(t.particleStyle, t.particleDensity);
      if (window.__setParallaxStrength) window.__setParallaxStrength(t.parallaxStrength);
    };
    apply(window.__TWEAKS);
    return window.__onTweakChange(apply);
  }, []);

  return (
    <React.Fragment>
      <Hero />
      <About />
      <Experience />
      <ParallaxStack />
      <NowSection />
      <Playground />
      <Guestbook />
      <Contact />
      <AnimeCharacter />
      <TweaksApp />
    </React.Fragment>
  );
}

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