79 lines
No EOL
4.5 KiB
Text
79 lines
No EOL
4.5 KiB
Text
---
|
||
---
|
||
|
||
<section id="Контакты" class="py-24 bg-white relative overflow-hidden">
|
||
<div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-16 items-center">
|
||
<div class="text-center md:text-left">
|
||
<h2 class="text-4xl md:text-5xl font-bold mb-8">Ждем вас в нашем сервисе</h2>
|
||
<div class="space-y-8">
|
||
<div class="flex gap-4 items-center">
|
||
<div class="w-12 h-12 bg-red-50 text-[#E51937] rounded-full flex items-center justify-center shrink-0">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/>
|
||
<circle cx="12" cy="10" r="3"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-lg mb-1">Адрес</h4>
|
||
<p class="text-gray-600">г. Сургут, ул. Профсоюзов, 45 (Пример)</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-4 items-center">
|
||
<div class="w-12 h-12 bg-red-50 text-[#E51937] rounded-full flex items-center justify-center shrink-0">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-lg mb-1">Телефон</h4>
|
||
<p class="text-gray-600">+7 (3462) 00-00-00</p>
|
||
<p class="text-gray-600">+7 (900) 000-00-00</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex gap-4 items-center">
|
||
<div class="w-12 h-12 bg-red-50 text-[#E51937] rounded-full flex items-center justify-center shrink-0">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<circle cx="12" cy="12" r="10"/>
|
||
<polyline points="12 6 12 12 16 14"/>
|
||
</svg>
|
||
</div>
|
||
<div>
|
||
<h4 class="font-bold text-lg mb-1">Режим работы</h4>
|
||
<p class="text-gray-600">Ежедневно: 09:00 – 20:00</p>
|
||
<p class="text-gray-400 text-sm">Без перерывов и выходных</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glass-panel rounded-[2rem] p-8 md:p-12 relative text-center">
|
||
<div class="absolute -top-4 -right-4 w-24 h-24 bg-[#E51937]/10 rounded-full blur-2xl" />
|
||
<h3 class="text-2xl font-bold mb-6">Остались вопросы?</h3>
|
||
<p class="text-gray-500 mb-8 font-light">Оставьте ваши контакты, и мы перезвоним вам в течение 15 минут для консультации.</p>
|
||
|
||
<form class="space-y-4" onsubmit="event.preventDefault()">
|
||
<input
|
||
type="text"
|
||
placeholder="Ваше имя"
|
||
class="w-full bg-gray-50 border-none rounded-xl px-5 py-4 focus:ring-2 focus:ring-[#E51937] transition-all"
|
||
/>
|
||
<input
|
||
type="tel"
|
||
placeholder="Номер телефона"
|
||
class="w-full bg-gray-50 border-none rounded-xl px-5 py-4 focus:ring-2 focus:ring-[#E51937] transition-all"
|
||
/>
|
||
<button class="w-full bg-[#E51937] text-white py-4 rounded-xl font-bold text-lg hover:bg-red-700 transition-all shadow-lg shadow-red-600/20">
|
||
Заказать консультацию
|
||
</button>
|
||
</form>
|
||
|
||
<div class="mt-8 pt-8 border-t border-gray-100 flex items-center gap-2 text-xs text-green-600 font-bold uppercase tracking-widest">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
|
||
<polyline points="22 4 12 14.01 9 11.01"/>
|
||
</svg>
|
||
Мы онлайн и готовы помочь
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> |