// growth-app.jsx — ensambla la landing "Growth"

function GrowthApp() {
  const [lang, setLang] = React.useState('es');
  const siteContent = EUREKANT_CONTENT[lang];
  const page = GROWTH_CONTENT;
  const scrollY = useGlobalScroll();

  const [docProg, setDocProg] = React.useState(0);
  React.useEffect(() => {
    const onScroll = () => {
      const h = document.documentElement.scrollHeight - window.innerHeight;
      setDocProg(h > 0 ? window.scrollY / h : 0);
    };
    onScroll();
    window.addEventListener('scroll', onScroll, { passive: true });
    return () => window.removeEventListener('scroll', onScroll);
  }, []);

  return (
    <div style={{ background: '#060813', minHeight: '100vh', position: 'relative' }}>
      <div style={{
        position: 'fixed', top: 0, left: 0, height: 2, width: `${docProg * 100}%`,
        background: F.accent, zIndex: 200, boxShadow: `0 0 12px ${F.accent}`, transition: 'width .1s linear'
      }} />
      <LandingNav lang={lang} setLang={setLang} scrollY={scrollY} />
      <GHero content={page} />
      <GCost content={page} />
      <GPains content={page} />
      <GModules content={page} />
      <GProcess content={page} />
      <FFaq content={page} />
      <FCtaFinal content={page} />
      <FFooter content={siteContent} />
    </div>
  );
}

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