// app.jsx — ping landing (production build, no editor panel)

function App() {
  const lang = 'es';
  const t = I18N[lang];
  const variant = 'split';

  React.useEffect(() => {
    document.documentElement.style.setProperty('--brand', '#1B5BFF');
    document.documentElement.lang = lang;
  }, []);

  useReveal([lang, variant]);
  const setLang = () => {};

  return (
    <React.Fragment>
      <Nav t={t} lang={lang} setLang={setLang} variant={variant} />
      <main>
        <Hero t={t} lang={lang} variant={variant} />
        <Stats t={t} />
        <HowItWorks t={t} />
        <Integrations t={t} />
        <UseCases t={t} />
        <Testimonials t={t} />
        <Pricing t={t} />
        <FAQ t={t} />
        <FinalCTA t={t} />
      </main>
      <Footer t={t} />
    </React.Fragment>
  );
}

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