// Footer.jsx
function Footer() {
  const cols = [
    {
      title: 'Método',
      links: [['#metodo', 'A Tese'], ['#resultados', 'Por Que Funciona'], ['#servicos', 'Os Serviços'], ['#faq', 'FAQ']],
    },
    {
      title: 'Serviços',
      links: [['#servicos', 'Mentoria Premium'], ['#servicos', 'Personal Presencial'], ['#servicos', 'Treinos Online'], ['#servicos', 'Funcional Conectadas']],
    },
    {
      title: 'Contato',
      links: [['#cta', 'WhatsApp'], ['#cta', 'Agendar conversa'], ['#cta', 'Vagas abertas']],
    },
  ];

  return (
    <footer className="footer-section">
      <div className="container">
        <div className="footer-inner">
          {/* Brand */}
          <div>
            <img src={(window.__resources && window.__resources['logoImg']) || 'assets/logo.png'} alt="Conectadas Fitness" style={{ height: 96, width: 'auto', marginBottom: 12, filter: 'brightness(0) invert(1) opacity(0.85)' }} />
            <div className="footer-tagline">Corpo · Alma · Espírito</div>
            <p className="footer-brand-desc">
              Método Taty Vaillant — Transformação feminina completa
              através do treino, da mente e da identidade.
            </p>
          </div>

          {/* Columns */}
          {cols.map((col, i) => (
            <div key={i} className="footer-col">
              <div className="footer-col-title">{col.title}</div>
              {col.links.map(([href, label]) => (
                <a key={label} href={href}>{label}</a>
              ))}
            </div>
          ))}
        </div>

        <div className="footer-bottom">
          <span>© 2025 Conectadas Fitness — Método Taty Vaillant. Todos os direitos reservados.</span>
          <span style={{ display: 'flex', gap: 6, alignItems: 'center' }}>
            <span style={{
              width: 6, height: 6, borderRadius: '50%',
              background: 'var(--rose-dark)', display: 'inline-block',
            }}/>
            Feito com propósito
          </span>
        </div>
      </div>
    </footer>
  );
}

Object.assign(window, { Footer });
