48 lines
No EOL
2.6 KiB
Text
48 lines
No EOL
2.6 KiB
Text
---
|
||
const currentYear = new Date().getFullYear();
|
||
---
|
||
|
||
<footer class="bg-[#1a1a1a] text-white py-16">
|
||
<div class="max-w-7xl mx-auto px-6">
|
||
<div class="grid md:grid-cols-4 gap-12 mb-12">
|
||
<div class="col-span-2">
|
||
<div class="flex items-center gap-2 mb-6">
|
||
<div class="w-8 h-8 bg-[#E51937] rounded flex items-center justify-center text-white font-bold">
|
||
TL
|
||
</div>
|
||
<span class="font-bold text-xl tracking-tight text-white uppercase italic">TOYOTA LEXUS СЕРВИС</span>
|
||
</div>
|
||
<p class="text-gray-400 max-w-sm font-light leading-relaxed">
|
||
Профессиональный автосервис в Сургуте. Мы специализируемся на японских автомобилях премиум-класса, обеспечивая бескомпромиссное качество обслуживания.
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h5 class="font-bold mb-6 text-sm uppercase tracking-widest">Ссылки</h5>
|
||
<ul class="space-y-3 text-gray-400 text-sm">
|
||
<li><a href="#" class="hover:text-white transition-colors">Главная</a></li>
|
||
<li><a href="#Услуги" class="hover:text-white transition-colors">Услуги</a></li>
|
||
<li><a href="#О нас" class="hover:text-white transition-colors">О сервисе</a></li>
|
||
<li><a href="#Контакты" class="hover:text-white transition-colors">Записаться</a></li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h5 class="font-bold mb-6 text-sm uppercase tracking-widest">Соцсети</h5>
|
||
<div class="flex gap-4">
|
||
<div class="w-10 h-10 border border-white/10 rounded-full flex items-center justify-center hover:bg-white hover:text-[#1a1a1a] transition-all cursor-pointer">
|
||
<span class="text-xs font-bold">VK</span>
|
||
</div>
|
||
<div class="w-10 h-10 border border-white/10 rounded-full flex items-center justify-center hover:bg-white hover:text-[#1a1a1a] transition-all cursor-pointer">
|
||
<span class="text-xs font-bold">TG</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="pt-12 border-t border-white/5 flex flex-col md:flex-row justify-between gap-6 text-gray-500 text-xs">
|
||
<span>© {currentYear} TOYOTA & LEXUS СЕРВИС СУРГУТ. Все права защищены.</span>
|
||
<div class="flex gap-6">
|
||
<a href="#" class="hover:text-white transition-colors">Политика конфиденциальности</a>
|
||
<a href="#" class="hover:text-white transition-colors">Оферта</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer> |