// components/Final.jsx — big CTA + footer
const Final = () => {
  // prefix relativo: '../' apenas se estamos numa subpasta conhecida (blog/ ou legal/)
  // isHome: estamos em /, /index.html, ou na variante "Member AI Site.html"
  const { prefix, isHome } = (() => {
    if (typeof window === 'undefined') return { prefix: '', isHome: true };
    const p = decodeURIComponent(window.location.pathname);
    const segs = p.split('/').filter(Boolean);
    const file = segs[segs.length - 1] || '';
    const parent = segs[segs.length - 2] || '';
    const inSub = parent === 'blog' || parent === 'legal';
    const pref = inSub ? '../' : '';
    const home = !inSub && (file === '' || /^(index\.html|Member AI Site\.html)$/i.test(file));
    return { prefix: pref, isHome: home };
  })();
  // Quando já estamos na home, anchor é só "#faq" — anchor in-page é instantâneo.
  // Em outras páginas, precisa navegar pro index e o restorer faz o scroll.
  const homeAnchor = (a) => isHome ? a : (prefix + 'index.html' + a);
  return (
    <>
      <section className="final" id="trial">
        <div className="bg-grid" />
        <div className="final-glow" />
        <div className="container final-inner">
          <span className="t-eyebrow">{t('final.eyebrow')}</span>
          <h2 className="final-headline">
            {t('final.title_a')} <em>{t('final.title_em')}</em>{t('final.title_b')}
          </h2>
          <div className="final-cta">
            <a className="btn btn-primary btn-lg" href="https://app.memberai.pro/signup" target="_blank" rel="noopener">
              {t('cta.testar_gratis')}
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" /></svg>
            </a>
            <span className="final-meta mono">{t('final.meta')}</span>
          </div>
        </div>
      </section>

      <footer className="footer">
        <div className="container footer-inner">
          <div className="footer-brand">
            <div className="brand">
              <img src="https://app.memberai.pro/_next/static/media/actuallogo.304fec7e.png" alt="" className="brand-logo" />
              <span className="brand-word">Member AI</span>
            </div>
            <p className="mono dim">{t('footer.copyright')}</p>
            <address className="footer-addr mono">
              30 N Gould St, Ste R<br />
              Sheridan, WY 82801, USA<br />
              <span>EIN: 99-2852523</span>
            </address>
          </div>

          <div className="footer-cols">
            <div>
              <div className="footer-head mono">{t('footer.heads.product')}</div>
              <a href={prefix + "planos.html"}>{t('footer.product.planos')}</a>
              <a href={prefix + "integracoes.html"}>Integrações</a>
              <a href={homeAnchor("#process")}>{t('footer.product.how')}</a>
              <a href={homeAnchor("#faq")}>{t('footer.product.faq')}</a>
            </div>
            <div>
              <div className="footer-head mono">{t('footer.heads.company')}</div>
              <a href={prefix + "sobre.html"}>Sobre</a>
              <a href={prefix + "casos.html"}>Cases</a>
              <a href={prefix + "blog.html"}>{t('footer.product.blog')}</a>
              <a href={prefix + "suporte.html"}>{t('footer.company.suporte')}</a>
              <a href={prefix + "afiliados.html"}>{t('footer.company.afiliados')}</a>
            </div>
            <div>
              <div className="footer-head mono">{t('footer.heads.legal')}</div>
              <a href={prefix + "legal/termos.html"}>{t('footer.legal.termos')}</a>
              <a href={prefix + "legal/privacidade.html"}>{t('footer.legal.privacidade')}</a>
              <a href={prefix + "legal/exclusao-de-dados.html"}>{t('footer.legal.exclusao')}</a>
              <a href={prefix + "legal/dmca.html"}>{t('footer.legal.dmca')}</a>
            </div>
            <div>
              <div className="footer-head mono">{t('footer.heads.social')}</div>
              <a href="https://www.instagram.com/memberai.pro" target="_blank" rel="noopener">Instagram</a>
              <a href="https://www.youtube.com/@memberaipro" target="_blank" rel="noopener">YouTube</a>
            </div>
          </div>
        </div>
        <div className="footer-xl" aria-hidden="true">
          <span>MEMBER</span><span>AI</span>
        </div>
      </footer>
    </>);

};
