// Landing main — costura todas as seções e gerencia CTAs

function Landing() {
  // A LP vive no apex (ezzacrm.com.br); o APP fica no hub. Todos os CTAs levam pra lá.
  // (?intent= é lido pelo app pra abrir direto em demo/login/preços)
  const HUB = 'https://hub.ezzacrm.com.br';
  const goDemo    = () => { window.location.href = HUB + '/?intent=demo'; };
  const goLogin   = () => { window.location.href = HUB + '/?intent=login'; };
  const goPricing = () => { window.location.href = HUB + '/?intent=pricing'; };
  const goTalkSales = () => {
    // fala com vendas pelo WhatsApp do suporte da Ezza
    const msg = encodeURIComponent('Olá! Quero conhecer melhor a Ezza CRM.');
    window.open('https://wa.me/5585991598284?text=' + msg, '_blank');
  };
  const onPickPlan = (planId) => {
    if (planId === 'escala' || planId === 'business' || planId === 'pricing') return goTalkSales();
    goLogin();
  };

  return (
    <>
      <LpNav onPrimary={goDemo} onLogin={goLogin} />
      <LpHero onDemo={goDemo} onTalkSales={goTalkSales} />
      <LpLogos />
      <LpHow />
      <LpFeatures />
      <LpShowcase />
      <LpTestimonials />
      <LpCompare />
      <LpPricing onDemo={goDemo} onPick={onPickPlan} />
      <LpRoi onDemo={goDemo} />
      <LpFaq />
      <LpCtaFinal onDemo={goDemo} onTalkSales={goTalkSales} />
      <LpFooter />
      <LpCookies />
    </>
  );
}

// Aviso de cookies (LGPD). Usamos APENAS cookies/armazenamento essenciais — sessão
// e preferências, sem rastreamento de publicidade. Por isso o banner é informativo
// (não oferecemos "rejeitar" o que não existe). A escolha fica salva no navegador.
function LpCookies() {
  const [visivel, setVisivel] = React.useState(false);
  React.useEffect(() => {
    try { if (localStorage.getItem('ezza_cookies_ok') !== '1') setVisivel(true); }
    catch (e) { setVisivel(true); }
  }, []);
  const aceitar = () => {
    try { localStorage.setItem('ezza_cookies_ok', '1'); } catch (e) {}
    setVisivel(false);
  };
  if (!visivel) return null;
  return (
    <div className="lp-cookies" role="dialog" aria-label="Aviso de cookies">
      <div className="lp-cookies-txt">
        <strong>A gente usa cookies essenciais 🍪</strong>
        <span>Só o necessário pra manter você conectado e lembrar suas preferências. Nada de rastreamento para publicidade de terceiros. Saiba mais na <a href="https://hub.ezzacrm.com.br/?legal=privacidade" target="_blank" rel="noopener">Política de Privacidade</a>.</span>
      </div>
      <button className="lp-cookies-btn" onClick={aceitar}>Entendi</button>
    </div>
  );
}

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