/* ============================================================================
 * App.jsx — Composición de la página.
 * Solo ensambla las secciones en orden. La navegación (scrollToId), el armazón
 * (Header, Hero, Footer, Section) están en Chrome.jsx; el contenido de cada
 * sección en Sections.jsx; y los textos/datos en content.js.
 * ========================================================================== */

function BraphoLanding() {
  // Vuelve a dibujar los íconos de lucide cuando cambia el árbol (formulario, etc.).
  React.useEffect(() => { if (window.lucide) window.lucide.createIcons(); });
  return (
    <>
      <Header />
      <main>
        <Hero />
        <Method />
        <Work />
        <About />
        <Contact />
      </main>
      <Footer />
    </>
  );
}

Object.assign(window, { BraphoLanding });