Новые правки в компоенты
This commit is contained in:
Web-serfer
parent
477e4d6e05
commit
b4bcde0ae7
5 changed files with 11 additions and 11 deletions
|
|
@ -23,7 +23,7 @@
|
|||
</div>
|
||||
|
||||
<div class="text-center md:text-left order-1 md:order-2">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-8 italic">Мастерство, проверенное временем</h2>
|
||||
<h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-8 italic">Мастерство, проверенное временем</h2>
|
||||
<p class="text-gray-300 mb-6 font-light leading-relaxed">
|
||||
Наш сервисный центр специализируется на автомобилях Toyota и Lexus уже более 15 лет. Мы знаем каждую особенность этих марок, что позволяет нам проводить диагностику и ремонт с заводской точностью.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<section id="contacts" 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>
|
||||
<h2 class="text-2xl sm:text-3xl md:text-4xl lg: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">
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ const features = [
|
|||
<section id="features" class="py-24 bg-white">
|
||||
<div class="max-w-7xl mx-auto px-6 text-center">
|
||||
<div class="mb-16">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-4">Почему выбирают нас</h2>
|
||||
<h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-4">Почему выбирают нас</h2>
|
||||
<p class="text-gray-500 max-w-xl mx-auto">Мы заботимся о вашем автомобиле как о своем собственном</p>
|
||||
</div>
|
||||
|
||||
|
|
@ -29,8 +29,8 @@ const features = [
|
|||
{features.map((f, i) => (
|
||||
<div class="bg-white p-8 rounded-3xl border border-gray-100 flex flex-col items-center text-center group transition-all hover:shadow-xl hover:-translate-y-1">
|
||||
<div class="w-12 h-12 bg-[#1a1a1a] text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-[#E51937] transition-colors" set:html={f.icon} />
|
||||
<h4 class="text-xl font-bold mb-2">{f.title}</h4>
|
||||
<p class="text-gray-500 text-sm flex-grow">{f.description}</p>
|
||||
<h4 class="text-base sm:text-lg md:text-xl font-bold mb-2">{f.title}</h4>
|
||||
<p class="text-gray-500 text-xs sm:text-sm flex-grow">{f.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,15 +13,15 @@
|
|||
|
||||
<div class="relative z-10 max-w-7xl mx-auto px-6 w-full">
|
||||
<div class="max-w-2xl animate-fade-in-up text-center md:text-left">
|
||||
<div class="inline-flex items-center gap-2 px-3 py-1 bg-white/10 backdrop-blur-md rounded-full text-[#E51937] text-xs font-bold uppercase tracking-widest mb-6">
|
||||
<div class="inline-flex items-center gap-2 px-2 xs:px-3 py-1 bg-white/10 backdrop-blur-md rounded-full text-[#E51937] text-[10px] xs:text-xs font-bold uppercase tracking-widest mb-4 xs:mb-6">
|
||||
<span class="w-2 h-2 rounded-full bg-[#E51937] animate-pulse-dot" />
|
||||
Специализированный центр в Сургуте
|
||||
</div>
|
||||
<h1 class="text-5xl md:text-7xl font-bold text-white mb-6 leading-[1.1]">
|
||||
<h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-7xl font-bold text-white mb-6 leading-[1.1]">
|
||||
Обслуживание & Ремонт<br/>
|
||||
<span class="text-[#E51937]">Toyota & Lexus</span>
|
||||
</h1>
|
||||
<p class="text-lg md:text-xl text-gray-300 mb-10 font-light">
|
||||
<p class="text-base md:text-lg lg:text-xl text-gray-300 mb-10 font-light">
|
||||
Опытные специалисты, современное оборудование и только качественные запчасти. Ваш автомобиль в надежных руках профессионалов.
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row gap-4 items-center md:items-start">
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ const services = [
|
|||
<section id="services" class="py-24 bg-gray-50">
|
||||
<div class="max-w-7xl mx-auto px-6 text-center">
|
||||
<div class="mb-16">
|
||||
<h2 class="text-4xl md:text-5xl font-bold mb-4">Наши Услуги</h2>
|
||||
<h2 class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold mb-4">Наши Услуги</h2>
|
||||
<p class="text-gray-500 max-w-xl mx-auto">Полный спектр работ для поддержания вашего автомобиля в идеальном состоянии</p>
|
||||
</div>
|
||||
|
||||
|
|
@ -44,8 +44,8 @@ const services = [
|
|||
{services.map((service, i) => (
|
||||
<div class="bg-white p-8 rounded-3xl border border-gray-100 flex flex-col items-center text-center group transition-all hover:shadow-xl hover:-translate-y-1">
|
||||
<div class="w-12 h-12 bg-[#1a1a1a] text-white rounded-xl flex items-center justify-center mb-6 group-hover:bg-[#E51937] transition-colors" set:html={service.icon} />
|
||||
<h4 class="text-xl font-bold mb-2 text-center">{service.title}</h4>
|
||||
<p class="text-gray-500 text-sm mb-6 flex-grow">{service.desc}</p>
|
||||
<h4 class="text-base sm:text-lg md:text-xl font-bold mb-2 text-center">{service.title}</h4>
|
||||
<p class="text-gray-500 text-xs sm:text-sm mb-4 sm:mb-6 flex-grow">{service.desc}</p>
|
||||
<button class="flex items-center justify-center gap-1 text-[#E51937] text-sm font-bold uppercase tracking-wider w-full">
|
||||
Подробнее
|
||||
<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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue