import Link from "next/link"
import Image from "next/image"
import { Facebook, Instagram, Twitter, Mail, ArrowRight } from "lucide-react"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"

export default function Footer() {
  return (
    <footer className="bg-gradient-to-r from-primary to-primary/90 text-white pt-16 pb-8">
      <div className="container mx-auto px-4">
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-16">
          {/* Колонка 1: О бренде */}
          <div className="space-y-6">
            <div className="flex items-center">
              <div className="relative h-12 w-12 mr-3">
                <Image 
                  src="/logo-white.svg" 
                  alt="Dressed For Success" 
                  fill 
                  className="object-contain"
                />
              </div>
              <span className="font-serif text-xl tracking-wider">
                DRESSED FOR SUCCESS
              </span>
            </div>
            <p className="text-sm text-white/80 leading-relaxed">
              Эксклюзивная женская одежда для тех, кто ценит качество, стиль и индивидуальность. Создаем элегантные образы для современных женщин.
            </p>
            <div className="flex space-x-4">
              <Link href="https://instagram.com" target="_blank" rel="noopener noreferrer">
                <Button variant="ghost" size="icon" className="text-white/80 hover:text-tertiary hover:bg-white/10">
                  <Instagram className="h-5 w-5" />
                  <span className="sr-only">Instagram</span>
                </Button>
              </Link>
              <Link href="https://facebook.com" target="_blank" rel="noopener noreferrer">
                <Button variant="ghost" size="icon" className="text-white/80 hover:text-tertiary hover:bg-white/10">
                  <Facebook className="h-5 w-5" />
                  <span className="sr-only">Facebook</span>
                </Button>
              </Link>
              <Link href="https://twitter.com" target="_blank" rel="noopener noreferrer">
                <Button variant="ghost" size="icon" className="text-white/80 hover:text-tertiary hover:bg-white/10">
                  <Twitter className="h-5 w-5" />
                  <span className="sr-only">Twitter</span>
                </Button>
              </Link>
            </div>
          </div>

          {/* Колонка 2: Магазин */}
          <div className="space-y-6">
            <h3 className="text-lg font-medium tracking-wide border-b border-white/20 pb-2">Магазин</h3>
            <ul className="space-y-3">
              <li>
                <Link href="/catalog" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Каталог
                </Link>
              </li>
              <li>
                <Link href="/collections" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Коллекции
                </Link>
              </li>
              <li>
                <Link href="/new-arrivals" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Новинки
                </Link>
              </li>
              <li>
                <Link href="/sale" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Распродажа
                </Link>
              </li>
              <li>
                <Link href="/size-guide" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Размерная сетка
                </Link>
              </li>
            </ul>
          </div>

          {/* Колонка 3: Информация */}
          <div className="space-y-6">
            <h3 className="text-lg font-medium tracking-wide border-b border-white/20 pb-2">Информация</h3>
            <ul className="space-y-3">
              <li>
                <Link href="/about" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  О нас
                </Link>
              </li>
              <li>
                <Link href="/delivery" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Доставка и оплата
                </Link>
              </li>
              <li>
                <Link href="/returns" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Возврат и обмен
                </Link>
              </li>
              <li>
                <Link href="/faq" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Часто задаваемые вопросы
                </Link>
              </li>
              <li>
                <Link href="/contact" className="text-sm text-white/80 hover:text-tertiary transition-colors">
                  Контакты
                </Link>
              </li>
            </ul>
          </div>

          {/* Колонка 4: Подписка */}
          <div className="space-y-6">
            <h3 className="text-lg font-medium tracking-wide border-b border-white/20 pb-2">Подписка</h3>
            <p className="text-sm text-white/80">
              Подпишитесь на нашу рассылку, чтобы первыми узнавать о новых коллекциях и специальных предложениях.
            </p>
            <div className="flex">
              <Input 
                type="email" 
                placeholder="Ваш email" 
                className="bg-white/10 border-white/20 text-white placeholder:text-white/50 focus:border-tertiary rounded-r-none"
              />
              <Button className="bg-tertiary hover:bg-tertiary/90 text-primary rounded-l-none">
                <ArrowRight className="h-4 w-4" />
              </Button>
            </div>
          </div>
        </div>

        {/* Нижняя часть футера */}
        <div className="pt-8 border-t border-white/20 flex flex-col md:flex-row justify-between items-center">
          <p className="text-xs text-white/60 mb-4 md:mb-0">
            © {new Date().getFullYear()} Dressed For Success. Все права защищены.
          </p>
          <div className="flex space-x-6">
            <Link href="/privacy-policy" className="text-xs text-white/60 hover:text-white transition-colors">
              Политика конфиденциальности
            </Link>
            <Link href="/terms" className="text-xs text-white/60 hover:text-white transition-colors">
              Условия использования
            </Link>
          </div>
        </div>
      </div>
    </footer>
  )
}

