import Link from "next/link";
import { Facebook, Instagram, Twitter, Youtube } from "lucide-react";

export default function Footer() {
  return (
    <footer className="bg-gray-100 text-gray-800 py-12">
      <div className="container mx-auto px-6">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
          <div>
            <h4 className="text-lg font-medium mb-4">Помощь</h4>
            <ul className="space-y-2">
              <li><Link href="/contact" className="text-sm hover:underline">Связаться с нами</Link></li>
              <li><Link href="/faq" className="text-sm hover:underline">Часто задаваемые вопросы</Link></li>
              <li><Link href="/shipping" className="text-sm hover:underline">Доставка и возврат</Link></li>
              <li><Link href="/track-order" className="text-sm hover:underline">Отследить заказ</Link></li>
              <li><Link href="/size-guide" className="text-sm hover:underline">Руководство по размерам</Link></li>
            </ul>
          </div>
          
          <div>
            <h4 className="text-lg font-medium mb-4">Магазин</h4>
            <ul className="space-y-2">
              <li><Link href="/women" className="text-sm hover:underline">Женщинам</Link></li>
              <li><Link href="/men" className="text-sm hover:underline">Мужчинам</Link></li>
              <li><Link href="/accessories" className="text-sm hover:underline">Аксессуары</Link></li>
              <li><Link href="/collections" className="text-sm hover:underline">Коллекции</Link></li>
              <li><Link href="/sale" className="text-sm hover:underline">Распродажа</Link></li>
            </ul>
          </div>
          
          <div>
            <h4 className="text-lg font-medium mb-4">О компании</h4>
            <ul className="space-y-2">
              <li><Link href="/about" className="text-sm hover:underline">О нас</Link></li>
              <li><Link href="/careers" className="text-sm hover:underline">Карьера</Link></li>
              <li><Link href="/sustainability" className="text-sm hover:underline">Устойчивое развитие</Link></li>
              <li><Link href="/press" className="text-sm hover:underline">Пресса</Link></li>
              <li><Link href="/affiliates" className="text-sm hover:underline">Партнерская программа</Link></li>
            </ul>
          </div>
          
          <div>
            <h4 className="text-lg font-medium mb-4">Подписаться</h4>
            <p className="text-sm mb-4">Подпишитесь на нашу рассылку, чтобы получать новости о новых коллекциях и эксклюзивных предложениях.</p>
            <div className="flex mb-6">
              <input
                type="email"
                placeholder="Ваш email"
                className="bg-white px-4 py-2 text-sm border border-gray-300 rounded-l focus:outline-none flex-grow"
              />
              <button className="bg-black text-white px-4 py-2 text-sm rounded-r hover:bg-gray-800 transition-colors">
                →
              </button>
            </div>
            <div className="flex space-x-4">
              <a href="#" className="text-gray-600 hover:text-black transition-colors">
                <Facebook size={20} />
              </a>
              <a href="#" className="text-gray-600 hover:text-black transition-colors">
                <Instagram size={20} />
              </a>
              <a href="#" className="text-gray-600 hover:text-black transition-colors">
                <Twitter size={20} />
              </a>
              <a href="#" className="text-gray-600 hover:text-black transition-colors">
                <Youtube size={20} />
              </a>
            </div>
          </div>
        </div>
        
        <div className="border-t border-gray-200 mt-8 pt-8 flex flex-col md:flex-row justify-between items-center">
          <p className="text-xs text-gray-500 mb-4 md:mb-0">© {new Date().getFullYear()} Brand Store. Все права защищены.</p>
          <div className="flex space-x-4">
            <Link href="/privacy" className="text-xs text-gray-500 hover:underline">Политика конфиденциальности</Link>
            <Link href="/terms" className="text-xs text-gray-500 hover:underline">Условия использования</Link>
            <Link href="/cookies" className="text-xs text-gray-500 hover:underline">Политика использования файлов cookie</Link>
          </div>
        </div>
      </div>
    </footer>
  );
}