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

export function Footer() {
  return (
    <footer className="bg-white border-t mt-16">
      <div className="container mx-auto px-4 py-12">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
          <div>
            <h3 className="font-semibold mb-4">О компании</h3>
            <ul className="space-y-2">
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">О нас</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Вакансии</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Реквизиты</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Пресс-центр</Link></li>
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-4">Покупателям</h3>
            <ul className="space-y-2">
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Как сделать заказ</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Способы оплаты</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Доставка</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Возврат товара</Link></li>
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-4">Партнерам</h3>
            <ul className="space-y-2">
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Продавайте на Store</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Перевозчикам</Link></li>
              <li><Link href="#" className="text-gray-600 hover:text-gray-900">Откройте пункт выдачи</Link></li>
            </ul>
          </div>
          <div>
            <h3 className="font-semibold mb-4">Мы в соцсетях</h3>
            <div className="flex space-x-4">
              <Link href="#" className="text-gray-600 hover:text-gray-900">
                <Facebook className="h-6 w-6" />
              </Link>
              <Link href="#" className="text-gray-600 hover:text-gray-900">
                <Instagram className="h-6 w-6" />
              </Link>
              <Link href="#" className="text-gray-600 hover:text-gray-900">
                <Twitter className="h-6 w-6" />
              </Link>
            </div>
          </div>
        </div>
        <div className="border-t mt-8 pt-8 text-center text-gray-600">
          <p>© 2024 Store. Все права защищены.</p>
        </div>
      </div>
    </footer>
  )
}