58 lines
2.8 KiB
TypeScript
58 lines
2.8 KiB
TypeScript
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>
|
||
)
|
||
}
|
||
|