/* global React */

function Footer() {
  return (
    <footer data-screen-label="Footer" style={{
      background: '#0a0b0a',
      borderTop: '1px solid rgba(247,246,244,0.07)',
      padding: '52px 40px 36px', textAlign: 'center',
    }}>
      <div style={{ marginBottom: 28 }}>
        <img src="assets/monogram.svg"
             style={{ width: 88, height: 60, display: 'block', margin: '0 auto', filter: 'brightness(0) invert(1)' }} />
      </div>
      <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignItems: 'center', gap: 14, marginBottom: 10 }}>
        <a href="mailto:operations@lexpars.com" style={{ font: '400 13px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.7, textDecoration: 'none' }}>operations@lexpars.com</a>
        <span style={{ color: '#FFF', opacity: 0.25 }}>·</span>
        <a href="https://www.lexpars.com" target="_blank" rel="noopener" style={{ font: '400 13px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.7, textDecoration: 'none' }}>www.lexpars.com</a>
        <span style={{ color: '#FFF', opacity: 0.25 }}>·</span>
        <a href="https://www.lexpars.co.uk" target="_blank" rel="noopener" style={{ font: '400 13px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.7, textDecoration: 'none' }}>www.lexpars.co.uk</a>
      </div>
      <div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', alignItems: 'center', gap: 10 }}>
        <p style={{ font: '400 12px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.35, margin: 0 }}>
          © Lexpars 2026 / All Rights Reserved
        </p>
        <a href="#" style={{ font: '400 12px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.35, textDecoration: 'none' }}>Privacy Policy</a>
        <a href="#" style={{ font: '400 12px/22px var(--font-body)', letterSpacing: '0.24px', color: '#FFF', opacity: 0.35, textDecoration: 'none' }}>Terms & Conditions</a>
      </div>
    </footer>
  );
}

window.Footer = Footer;