/* eslint-disable react/prop-types */
/**
 * App · Página Servicios
 * Reutiliza Header, Footer, ContactSection, Cursor del Home.
 */

function App() {
  // Hash-scroll cross-page: si la URL trae #originacion, #co-desarrollo o #digo,
  // hacer scroll a la sección después de que el contenido renderice.
  React.useEffect(() => {
    if (!window.location.hash) return;
    const id = window.location.hash.slice(1);
    // Reintentar varias veces hasta encontrar el elemento (Reveal puede tardar)
    let tries = 0;
    const tick = () => {
      const el = document.getElementById(id);
      if (el) {
        el.scrollIntoView({ behavior: 'smooth', block: 'start' });
      } else if (tries++ < 30) {
        setTimeout(tick, 100);
      }
    };
    setTimeout(tick, 200);
  }, []);

  return (
    <React.Fragment>
      <window.CobreDefs />
      <window.Cursor />
      <window.SectionTransitions />
      <window.Header />
      <main>
        <window.ServiciosHero />
        <window.Originacion />
        <window.CoDesarrollo />
        <window.Digo />
        <window.ContactSection />
      </main>
      <window.Footer />
      <window.WhatsAppFab />
    </React.Fragment>
  );
}

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