// Footer.jsx — Leandro Rafael Website
const Footer = ({ onNav }) => {
  const links = [
    { id: 'sobre', label: 'Sobre' },
    { id: 'atuacao', label: 'Atuação' },
    { id: 'cases', label: 'Cases' },
    { id: 'publicacoes', label: 'Publicações' },
    { id: 'aulas', label: 'Aulas' },
    { id: 'contato', label: 'Contato' },
    { id: 'portfolio', label: 'Portfólio', external: 'portfolio.html' },
  ];

  return React.createElement('footer', {
    role: 'contentinfo',
    style: { background: '#060F1E', padding: '64px 40px 40px', position: 'relative', overflow: 'hidden' }
  },
    React.createElement('img', {
      src: 'assets/logo.png', alt: '',
      style: { position: 'absolute', right: 0, bottom: -24, width: 220, opacity: 0.04, pointerEvents: 'none' }
    }),
    React.createElement('div', { style: { maxWidth: 1280, margin: '0 auto', position: 'relative', zIndex: 1 } },
      React.createElement('div', {
        style: { display: 'grid', gridTemplateColumns: '2fr 1fr 1fr', gap: 64, marginBottom: 56 },
        className: 'footer-grid'
      },
        // Brand
        React.createElement('div', null,
          React.createElement('div', {
            style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 20, cursor: 'pointer' },
            onClick: () => onNav('hero')
          },
            React.createElement('img', { src: 'assets/logo.png', alt: 'Logo LR', style: { height: 40 } }),
            React.createElement('span', { style: { fontFamily: "'Playfair Display',serif", fontSize: 15, fontWeight: 700, color: '#F7F5F0' } }, 'Leandro Rafael')
          ),
          React.createElement('p', {
            style: { fontFamily: "'Inter',sans-serif", fontSize: 14, lineHeight: 1.75, color: 'rgba(247,245,240,0.4)', maxWidth: 320 }
          }, 'Executivo de finanças e contabilidade, especialista em transformação digital e IA aplicada. FP&A, Controladoria, reestruturação e governança em médias e grandes empresas. Professor de Administração e Finanças na FGV Educação Executiva e conselheiro de PMEs.')
        ),
        // Nav
        React.createElement('div', null,
          React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 11, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#C9A961', marginBottom: 20 } }, 'Navegação'),
          React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
            ...links.map(l =>
              React.createElement('a', {
                key: l.id,
                href: l.external ? l.external : `#${l.id}`,
                target: l.external ? '_blank' : undefined,
                rel: l.external ? 'noopener noreferrer' : undefined,
                onClick: l.external ? undefined : e => { e.preventDefault(); onNav(l.id); },
                style: { fontFamily: "'Inter',sans-serif", fontSize: 14, color: 'rgba(247,245,240,0.5)', textDecoration: 'none', transition: 'color 200ms' },
                onMouseEnter: e => e.target.style.color = '#C9A961',
                onMouseLeave: e => e.target.style.color = 'rgba(247,245,240,0.5)',
              }, l.label)
            )
          )
        ),
        // Contact
        React.createElement('div', null,
          React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 11, fontWeight: 500, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#C9A961', marginBottom: 20 } }, 'Contato'),
          React.createElement('div', { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
            React.createElement('a', {
              href: 'mailto:leandrorafael1584@gmail.com',
              style: { fontFamily: "'Inter',sans-serif", fontSize: 14, color: 'rgba(247,245,240,0.5)', textDecoration: 'none', transition: 'color 200ms' },
              onMouseEnter: e => e.target.style.color = '#C9A961',
              onMouseLeave: e => e.target.style.color = 'rgba(247,245,240,0.5)',
            }, 'leandrorafael1584@gmail.com'),
            React.createElement('a', {
              href: 'https://linkedin.com/in/leandrocrafael',
              target: '_blank', rel: 'noopener noreferrer',
              style: { fontFamily: "'Inter',sans-serif", fontSize: 14, color: 'rgba(247,245,240,0.5)', textDecoration: 'none', transition: 'color 200ms' },
              onMouseEnter: e => e.target.style.color = '#C9A961',
              onMouseLeave: e => e.target.style.color = 'rgba(247,245,240,0.5)',
            }, 'LinkedIn'),
            React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 14, color: 'rgba(247,245,240,0.25)' } }, 'São Paulo, SP')
          )
        )
      ),
      // Bottom bar
      React.createElement('div', {
        style: { borderTop: '1px solid rgba(247,245,240,0.07)', paddingTop: 24, display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap', gap: 12 }
      },
        React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 12, color: 'rgba(247,245,240,0.2)' } }, '© 2026 Leandro Rafael. Todos os direitos reservados.'),
        React.createElement('div', { style: { fontFamily: "'Inter',sans-serif", fontSize: 12, color: 'rgba(247,245,240,0.2)', letterSpacing: '0.04em' } }, 'São Paulo, SP')
      )
    )
  );
};

Object.assign(window, { Footer });