/* global React, ReactDOM */
const App = () => (
  <React.Fragment>
    <window.Nav />
    <window.Hero />
    <window.Marquee />
    <window.UseCases />
    <window.BigText />
    <window.ProductLines />
    <window.Specs />
    <window.Calculator />
    <window.WhereToBuy />
    <window.FAQ />
    <window.Contact />
    <window.Footer />
    <window.PrimeTweaks />
  </React.Fragment>
);

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

// reveal on scroll
const io = new IntersectionObserver((entries) => {
  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('in'); });
}, { threshold: 0.1 });
setTimeout(() => {
  document.querySelectorAll('.reveal').forEach(el => io.observe(el));
}, 100);