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

export function SiteFooter() {
  return (
    <footer className="bg-primary text-white">
      <div className="container pt-12 pb-8">
        <div className="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
          {/* Компания */}
          <div>
            <h3 className="font-semibold text-lg mb-4">О компании</h3>
            <ul className="space-y-2">
              <li>
                <Link href="/about" className="text-white/80 hover:text-white transition-colors">
                  О нас
                </Link>
              </li>
              <li>
                <Link href="/stores" className="text-white/80 hover:text-white transition-colors">
                  Магазины
                </Link>
              </li>
              <li>
                <Link href="/career" className="text-white/80 hover:text-white transition-colors">
                  Вакансии
                </Link>
              </li>
              <li>
                <Link href="/blog" className="text-white/80 hover:text-white transition-colors">
                  Блог
                </Link>
              </li>
            </ul>
          </div>

          {/* Помощь */}
          <div>
            <h3 className="font-semibold text-lg mb-4">Помощь</h3>
            <ul className="space-y-2">
              <li>
                <Link href="/delivery" className="text-white/80 hover:text-white transition-colors">
                  Доставка и оплата
                </Link>
              </li>
              <li>
                <Link href="/returns" className="text-white/80 hover:text-white transition-colors">
                  Возврат
                </Link>
              </li>
              <li>
                <Link href="/size-guide" className="text-white/80 hover:text-white transition-colors">
                  Таблица размеров
                </Link>
              </li>
              <li>
                <Link href="/faq" className="text-white/80 hover:text-white transition-colors">
                  Частые вопросы
                </Link>
              </li>
            </ul>
          </div>

          {/* Контакты */}
          <div>
            <h3 className="font-semibold text-lg mb-4">Контакты</h3>
            <ul className="space-y-2">
              <li className="text-white/80">Звоните: 8 (800) 123-45-67</li>
              <li className="text-white/80">Пн-Вс: с 9:00 до 21:00</li>
              <li>
                <Link href="mailto:info@clothesforsucess.ru" className="text-white/80 hover:text-white transition-colors">
                  info@clothesforsucess.ru
                </Link>
              </li>
            </ul>
          </div>

          {/* Подписка */}
          <div>
            <h3 className="font-semibold text-lg mb-4">Будьте в курсе</h3>
            <p className="text-white/80 mb-4">
              Подпишитесь на рассылку и первыми узнавайте о новых коллекциях и акциях
            </p>
            <form className="flex">
              <input
                type="email"
                placeholder="Ваш e-mail"
                className="px-4 py-2 w-full bg-white/10 border border-white/20 rounded-l-md text-white placeholder:text-white/50 focus:outline-none focus:border-white"
              />
              <button
                type="submit"
                className="px-4 py-2 bg-white text-primary font-medium rounded-r-md hover:bg-white/90 transition-colors"
              >
                Подписаться
              </button>
            </form>
          </div>
        </div>

        {/* Социальные сети */}
        <div className="flex justify-center space-x-6 mb-8">
          <a href="https://instagram.com" target="_blank" rel="noopener noreferrer" className="text-white/80 hover:text-white transition-colors">
            <Instagram className="h-6 w-6" />
            <span className="sr-only">Instagram</span>
          </a>
          <a href="https://facebook.com" target="_blank" rel="noopener noreferrer" className="text-white/80 hover:text-white transition-colors">
            <Facebook className="h-6 w-6" />
            <span className="sr-only">Facebook</span>
          </a>
          <a href="https://twitter.com" target="_blank" rel="noopener noreferrer" className="text-white/80 hover:text-white transition-colors">
            <Twitter className="h-6 w-6" />
            <span className="sr-only">Twitter</span>
          </a>
          <a href="https://youtube.com" target="_blank" rel="noopener noreferrer" className="text-white/80 hover:text-white transition-colors">
            <Youtube className="h-6 w-6" />
            <span className="sr-only">YouTube</span>
          </a>
        </div>

        {/* Копирайт и политика */}
        <div className="border-t border-white/20 pt-6 flex flex-col md:flex-row justify-between items-center text-sm text-white/60">
          <div className="mb-4 md:mb-0">
            &copy; {new Date().getFullYear()} ОДЕЖДА ДЛЯ УСПЕХА. Все права защищены.
          </div>
          <div className="flex flex-wrap justify-center gap-4">
            <Link href="/privacy" className="hover:text-white transition-colors">
              Политика конфиденциальности
            </Link>
            <Link href="/terms" className="hover:text-white transition-colors">
              Условия использования
            </Link>
            <Link href="/cookies" className="hover:text-white transition-colors">
              Политика cookie
            </Link>
          </div>
        </div>
      </div>
    </footer>
  )
} 