import React from 'react';
import { Link } from 'react-router-dom';
import { Shield } from 'lucide-react';
import './Footer.css';

export default function Footer() {
  const currentYear = new Date().getFullYear();

  return (
    <footer className="footer">
      <div className="container footer-container">
        <div className="footer-brand">
          <Link to="/" className="footer-logo">
            <img src="/logo.png.jpeg" alt="Cynomos Logo" className="logo-image" style={{ height: '28px', width: 'auto', borderRadius: '4px' }} />
            <span className="logo-text">Cynomos</span>
          </Link>
          <p className="footer-tagline">
            Robust, Compliant, and Resilient IT—Powered by Next-Gen Cybersecurity
          </p>
          <div className="footer-contact-details">
            <p>Email: <a href="mailto:info@cynomos.com">info@cynomos.com</a></p>
            <p>Phone: <a href="tel:+918485984065">+91-8485984065</a></p>
          </div>
        </div>

        <div className="footer-links-grid">
          <div className="footer-col">
            <h4 className="footer-title">Services</h4>
            <ul className="footer-list">
              <li><Link to="/services">Cyber Security Strategy</Link></li>
              <li><Link to="/services">Security Transformation</Link></li>
              <li><Link to="/services">Risk Management</Link></li>
              <li><Link to="/services">Compliance Consulting</Link></li>
            </ul>
          </div>

          <div className="footer-col">
            <h4 className="footer-title">Industries</h4>
            <ul className="footer-list">
              <li><Link to="/industries">Financial & FinTech</Link></li>
              <li><Link to="/industries">SaaS & Tech Startups</Link></li>
              <li><Link to="/industries">Healthcare Services</Link></li>
              <li><Link to="/industries">Small Business (SMB)</Link></li>
            </ul>
          </div>

          <div className="footer-col">
            <h4 className="footer-title">Company</h4>
            <ul className="footer-list">
              <li><Link to="/about">About Us</Link></li>
              <li><Link to="/contact">Get in Touch</Link></li>
              <li><Link to="/services">Our Methodology</Link></li>
            </ul>
          </div>
        </div>
      </div>

      <div className="footer-bottom">
        <div className="container footer-bottom-container">
          <p>&copy; {currentYear} Cynomos. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
}
