import React from 'react';
import { Facebook, Instagram } from 'lucide-react';

function Footer() {
  return (
    <footer className="bg-gray-800 text-white py-8">
      <div className="container mx-auto px-4">
        <div className="text-center">
          <p className="text-sm mb-4">©2025 ТОВ "Запоріжжяелектропостачання"</p>
          
          <div className="flex justify-center items-center gap-4 mb-4">
            <div className="flex items-center gap-2">
              <span className="text-sm">ЗАВАНТАЖИТИ З</span>
              <div className="flex gap-2">
                <div className="bg-black rounded px-3 py-1">
                  <span className="text-xs text-white">App Store</span>
                </div>
                <div className="bg-black rounded px-3 py-1">
                  <span className="text-xs text-white">Google Play</span>
                </div>
              </div>
            </div>
          </div>
          
          <div className="flex justify-center gap-4">
            <a href="#" className="text-gray-400 hover:text-white transition-colors">
              <Facebook className="w-6 h-6" />
            </a>
            <a href="#" className="text-gray-400 hover:text-white transition-colors">
              <Instagram className="w-6 h-6" />
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
}

export default Footer;