import Link from 'next/link';

export function Footer() {
  return (
    <footer className="bg-gray-900 border-t border-gray-800 py-6 sm:py-8 mt-8 sm:mt-12 safe-bottom">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row justify-between items-center gap-4">
          <div className="text-gray-400 text-xs sm:text-sm text-center md:text-left">
            © 2025 Lightning Lottery. Powered by Bitcoin Lightning Network.
          </div>
          <div className="flex space-x-6">
            <Link
              href="/about"
              className="text-gray-400 hover:text-white transition-colors text-sm py-2"
            >
              About
            </Link>
            <Link
              href="/past-wins"
              className="text-gray-400 hover:text-white transition-colors text-sm py-2"
            >
              Past Winners
            </Link>
          </div>
        </div>
      </div>
    </footer>
  );
}
