const Footer = () => {
  const navLinks = [
    { label: 'Accueil', href: 'https://www.fundora.fr/' },
    { label: 'À propos', href: 'https://www.fundora.fr/a-propos' },
    { label: 'Nos services', href: 'https://www.fundora.fr/nos-services' },
    { label: 'Blog', href: 'https://www.fundora.fr/news' },
  ];
  const infoLinks = [
    { label: 'Contact', href: 'https://www.fundora.fr/contact' },
    { label: 'FAQ', href: 'https://www.fundora.fr/questions' },
    { label: 'Politique de confidentialité', href: 'https://www.fundora.fr/ressources/privacy-policy' },
    { label: 'Mentions légales', href: 'https://www.fundora.fr/ressources/legals' },
  ];

  return (
    <footer style={{
      background: '#1E1E1E', color: '#E6E6E6', padding: '64px 40px 32px',
      fontFamily: 'var(--font-sans)'
    }}>
      <div style={{
        maxWidth: 1200, margin: '0 auto',
        display: 'grid', gridTemplateColumns: '2fr 1fr 1fr 1.5fr', gap: 48,
        paddingBottom: 48, borderBottom: '1px solid #333'
      }}>
        <div>
          <a href="https://www.fundora.fr/" target="_blank" rel="noopener">
            <img src="assets/logo-fundora-white.svg" style={{ height: 24, marginBottom: 16 }} alt="Fundora" />
          </a>
          <p style={{ fontSize: 14, lineHeight: 1.6, color: '#A3A3A3', maxWidth: 320 }}>
            La voie d'accès aux fonds privés.
          </p>
        </div>

        <div>
          <div style={{
            fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.1em',
            color: '#A3A3A3', marginBottom: 14
          }}>Navigation</div>
          {navLinks.map(l => (
            <a key={l.label} href={l.href} target="_blank" rel="noopener" style={{
              display: 'block', fontSize: 14, marginBottom: 10,
              color: '#E6E6E6', textDecoration: 'none'
            }}>{l.label}</a>
          ))}
        </div>

        <div>
          <div style={{
            fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.1em',
            color: '#A3A3A3', marginBottom: 14
          }}>Information</div>
          {infoLinks.map(l => (
            <a key={l.label} href={l.href} target="_blank" rel="noopener" style={{
              display: 'block', fontSize: 14, marginBottom: 10,
              color: '#E6E6E6', textDecoration: 'none'
            }}>{l.label}</a>
          ))}
        </div>

        <div>
          <div style={{
            fontSize: 11, textTransform: 'uppercase', letterSpacing: '0.1em',
            color: '#A3A3A3', marginBottom: 14
          }}>Nos bureaux</div>
          <p style={{ fontSize: 13, lineHeight: 1.6, color: '#E6E6E6', margin: 0 }}>
            157 Rue Anatole France<br />
            92300 Levallois-Perret<br />
            <br />
            3 Cr Mirabeau<br />
            13100 Aix-en-Provence
          </p>
        </div>
      </div>

      <div style={{
        maxWidth: 1200, margin: '32px auto 0', fontSize: 11, lineHeight: 1.7, color: '#888'
      }}>
        Fundora SAS (REGAFI 745649) s'appuie sur les services de paiement fournis par Memo Bank, établissement
        de crédit agréé par l'ACPR. Fundora Conseil agit en qualité de Conseiller en Investissements Financiers
        (CIF), immatriculé à l'ORIAS sous le n° 25001125. Kyoseil AM est une Société de Gestion de Portefeuille
        agréée par l'AMF sous le n° GP-99040. Tout investissement comporte un risque de perte en capital.
        Les performances passées ne préjugent pas des performances futures.
        <div style={{ marginTop: 16, color: '#666' }}>© 2026 Fundora. Tous droits réservés.</div>
      </div>
    </footer>
  );
};
window.Footer = Footer;