// ─── Main App ─────────────────────────────────────────────────────────────────

function App() {
  // Trigger fade-up on all static .fade-up elements (hero section)
  React.useEffect(() => {
    const heroEls = document.querySelectorAll('#hero .fade-up');
    setTimeout(() => heroEls.forEach(el => el.classList.add('visible')), 120);
  }, []);

  return (
    <>
      <Header />
      <main>
        <HeroSection />
        <ProblemSection />
        <WhatWeBuildSection />
        <ExamplesSection />
        <HowWeWorkSection />
        <WhyTesseraSection />
        <FAQSection />
        <ContactSection />
      </main>
      <Footer />
    </>
  );
}

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