// Footer
const Footer = () => {
  return (
    <footer style={{ background: '#0a0a0c', borderTop: '1px solid #18181B', padding: '60px 0 32px' }}>
      <Container>
        <div style={{ display: 'flex', alignItems: 'center', gap: 10, marginBottom: 24 }}>
          <img src="favicon.png" width="32" height="32" alt="BlinkFree" style={{ borderRadius: '50%' }} />
          <span style={{ fontWeight: 800, fontSize: 22.5, letterSpacing: '-0.02em', color: '#EFEFF1' }}>BlinkFree</span>
        </div>
        <p style={{ fontSize: 16.25, color: '#ADADB8', lineHeight: 1.6, margin: '0 0 32px', maxWidth: 400 }}>
          Transforming ordinary CCTV systems into intelligent security assistants that see, analyze, and never blink.
        </p>
        <div style={{
          paddingTop: 24, borderTop: '1px solid #18181B',
        }}>
          <span style={{ fontSize: 15, color: '#6E6E78' }}>© BlinkFree, LLC. All rights reserved.</span>
        </div>
      </Container>
    </footer>
  );
};

window.Footer = Footer;
