import React from 'react';
import { FiGithub, FiTwitter, FiMail, FiDiscord } from 'react-icons/fi';

const Footer = () => {
  return (
    <footer className="border-t border-gray-800 py-8 mt-12 bg-gradient-to-r from-emerald-500/5 to-blue-500/5">
      <div className="container mx-auto px-6">
        <div className="flex flex-col md:flex-row justify-between items-center">
          <div className="mb-6 md:mb-0">
            <div className="flex items-center space-x-2">
              <FiActivity className="text-blue-500" />
              <h2 className="text-lg font-bold">SolBot Sentinel</h2>
            </div>
            <p className="text-gray-400 text-sm mt-2">Automated trading on Solana blockchain</p>
          </div>
          
          <div className="flex space-x-6">
            <a href="#" className="text-gray-400 hover:text-blue-500 transition">
              <FiGithub />
            </a>
            <a href="#" className="text-gray-400 hover:text-blue-500 transition">
              <FiTwitter />
            </a>
            <a href="#" className="text-gray-400 hover:text-blue-500 transition">
              <FiDiscord />
            </a>
            <a href="#" className="text-gray-400 hover:text-blue-500 transition">
              <FiMail />
            </a>
          </div>
        </div>
        
        <div className="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500 text-sm">
          <p>© {new Date().getFullYear()} SolBot Sentinel. All rights reserved.</p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;