MERDE.COM/eternos
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new styles

Browse Source
This commit is contained in:
User
2025-01-06 20:19:07 +03:00
parent 8b589470ac
commit 847102e843
51 changed files with 8457 additions and 627 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
frontend/style/components/footer.tsx Normal file
View File

@@ -0,0 +1,57 @@
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-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>
)
}