import React from 'react';

export const Footer: React.FC = () => {
  return (
    <footer style={{
      background: 'var(--color-bg-secondary)',
      borderTop: '1px solid var(--color-border)',
      padding: 'var(--space-3xl) 0',
      marginTop: 'auto'
    }}>
      <div className="container">
        <div className="grid grid-3 gap-xl">
          <div>
            <h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Harat's Irish Pub</h4>
            <p className="text-sm text-secondary" style={{ marginBottom: 'var(--space-sm)' }}>ООО «Бар-С»</p>
            <p className="text-sm text-secondary">
              Настоящий ирландский паб с атмосферой "cozy chaos". Место, где нет правил, кроме одного — отдыхать душой.
            </p>
          </div>
          
          <div>
            <h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Контакты</h4>
            <ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
              <li>📞 8 (800) 775-03-39 </li>
              <li>✉️ <a href="mailto:info@harats.com" style={{ color: 'var(--color-green-400)' }}>info@harats.com</a></li>
              <li style={{ marginTop: 'var(--space-sm)' }}>
                📍 Главный офис:<br />
                660075, г.Красноярск, ул.Красной Гвардии 24, помещение 28
              </li>
            </ul>
          </div>
          
          <div>
            <h4 style={{ color: 'var(--color-gold-500)', marginBottom: 'var(--space-md)' }}>Информация</h4>
            <ul style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-sm)' }} className="text-sm text-secondary">
              <li><a href="https://www.rusprofile.ru/id/6098580" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>О компании</a></li>
              <li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Поставщикам</a></li>
              <li><a href="#" style={{ transition: 'color var(--transition-fast)' }} onMouseOver={(e) => e.currentTarget.style.color='white'} onMouseOut={(e) => e.currentTarget.style.color=''}>Реклама</a></li>
            </ul>
          </div>
        </div>
        
        <div className="divider" style={{ borderColor: 'var(--color-border-light)' }}></div>
        
        <div className="flex justify-between items-center text-xs text-muted">
          <p>© {new Date().getFullYear()} Harat's Irish Pub. Все права защищены.</p>
          <p>
            <span style={{ display: 'inline-block', padding: '2px 8px', border: '1px solid currentColor', borderRadius: '4px', marginRight: '8px' }}>18+</span>
            Чрезмерное употребление алкоголя вредит вашему здоровью.
          </p>
        </div>
      </div>
    </footer>
  );
};
