window.Footer = function Footer() {
  return (
    <footer style={{
      borderTop: '1px solid var(--glass-border)',
      background: 'var(--nav-bg)',
      padding: '48px 0',
      marginTop: 'auto'
    }}>
      <div className="container" style={{
        display: 'flex',
        flexWrap: 'wrap',
        justifyContent: 'space-between',
        alignItems: 'center',
        gap: '24px'
      }}>
        <div>
          <div style={{
            fontSize: '1.25rem',
            fontWeight: '800',
            letterSpacing: '-0.5px',
            marginBottom: '8px'
          }}>
            disvi <span className="bg-gradient-text">Analyzer</span>
          </div>
          <p style={{ color: 'var(--text-secondary)', fontSize: '0.875rem' }}>
            &copy; {new Date().getFullYear()} disvi. All rights reserved.
          </p>
        </div>
        
        <div style={{ display: 'flex', gap: '32px' }}>
          <a href="#" style={{ color: 'var(--text-secondary)', transition: 'color 0.2s' }} onMouseOver={e => e.target.style.color='var(--accent-color)'} onMouseOut={e => e.target.style.color='var(--text-secondary)'}>About</a>
          <a href="#" style={{ color: 'var(--text-secondary)', transition: 'color 0.2s' }} onMouseOver={e => e.target.style.color='var(--accent-color)'} onMouseOut={e => e.target.style.color='var(--text-secondary)'}>Contact</a>
          <a href="#" style={{ color: 'var(--text-secondary)', transition: 'color 0.2s' }} onMouseOver={e => e.target.style.color='var(--accent-color)'} onMouseOut={e => e.target.style.color='var(--text-secondary)'}>Privacy</a>
        </div>
      </div>
    </footer>
  );
};