83 lines
4.7 KiB
TypeScript
83 lines
4.7 KiB
TypeScript
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>
|
||
);
|
||
}
|