/* global React */

const footerStyles = {
  band: { background: '#000', color: 'rgba(255,255,255,0.72)', padding: '80px 32px 40px', borderTop: '1px solid rgba(255,255,255,0.08)' },
  inner: { maxWidth: 1200, margin: '0 auto' },
  top: { display: 'grid', gridTemplateColumns: '1.4fr repeat(3, 1fr)', gap: 40, paddingBottom: 56, borderBottom: '1px solid rgba(255,255,255,0.06)' },
  brand: { display: 'flex', flexDirection: 'column', gap: 18 },
  logo: { fontFamily: 'var(--font-display)', fontWeight: 500, fontSize: 28, letterSpacing: '-0.28px', color: '#fff', display: 'inline-flex', alignItems: 'baseline', gap: 8 },
  logoSuffix: { fontFamily: 'var(--font-body)', fontWeight: 500, fontSize: 12, letterSpacing: '0.2em', textTransform: 'uppercase', color: '#d4922a' },
  tag: { fontSize: 14, lineHeight: 1.5, maxWidth: 320, margin: 0, color: 'rgba(255,255,255,0.72)' },
  badge: { display: 'inline-flex', alignItems: 'center', gap: 8, fontSize: 12, color: 'rgba(255,255,255,0.55)', letterSpacing: '0.06em', textTransform: 'uppercase' },
  badgeDot: { width: 6, height: 6, borderRadius: 9999, background: '#d4922a' },
  col: {},
  colTitle: { color: '#fff', fontSize: 14, fontWeight: 600, letterSpacing: '0.16px', marginBottom: 18 },
  link: { display: 'block', color: 'rgba(255,255,255,0.72)', fontSize: 14, lineHeight: 1.9, textDecoration: 'none', cursor: 'pointer' },
  bottom: { display: 'flex', justifyContent: 'space-between', gap: 24, paddingTop: 32, flexWrap: 'wrap' },
  legal: { fontSize: 13, color: 'rgba(255,255,255,0.55)', maxWidth: 820, lineHeight: 1.5 },
  copy: { fontSize: 13, color: 'rgba(255,255,255,0.55)' },
};

const FOOTER_COLS = [
  { title: 'Produtos',  links: ['Crédito ponte', 'Financ. à produção', 'CRI / CRA', 'CCB', 'Debêntures', 'SCP — equity'] },
  { title: 'Soluções',  links: ['Aquisição de terreno', 'Lançamento', 'Obra', 'Pré-entrega', 'Capital de giro'] },
  { title: 'Contato',   links: ['comercial@arkhe.capital', '+55 11 4000-0000', 'WhatsApp', 'LinkedIn', 'São Paulo · SP'] },
];

function Footer() {
  return (
    <footer style={footerStyles.band}>
      <div style={footerStyles.inner}>
        <div style={footerStyles.top}>
          <div style={footerStyles.brand}>
            <div style={footerStyles.logo}>Arkhé <span style={footerStyles.logoSuffix}>Capital</span></div>
            <p style={footerStyles.tag}>Assessoria financeira em levantamento de capital para incorporadoras e construtoras. Crédito e equity, do terreno à entrega.</p>
            <div style={footerStyles.badge}><span style={footerStyles.badgeDot}/>Atendendo 21 estados</div>
          </div>
          {FOOTER_COLS.map(c => (
            <div key={c.title} style={footerStyles.col}>
              <div style={footerStyles.colTitle}>{c.title}</div>
              {c.links.map(l => <a key={l} style={footerStyles.link} href="#">{l}</a>)}
            </div>
          ))}
        </div>
        <div style={footerStyles.bottom}>
          <div style={footerStyles.legal}>
            Arkhé Capital Assessoria Financeira Ltda. · CNPJ 00.000.000/0001-00. As informações deste site não constituem oferta ou recomendação de investimento. Cada operação está sujeita à análise e aprovação dos agentes financeiros parceiros.
          </div>
          <div style={footerStyles.copy}>© 2026 Arkhé Capital</div>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;