From f5b6494668169f0f325e92c9267ea89c3a6813c0 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Mon, 11 May 2026 19:06:31 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B5=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=B2=20=D0=BA=D0=BE=D0=BC=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=D1=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContactForm.astro | 10 +++++-----
 src/components/Hero.astro        | 12 ++++++------
 src/components/Services.astro    |  6 +++---
 src/layouts/Layout.astro         |  1 -
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/components/ContactForm.astro b/src/components/ContactForm.astro
index a47cfe7..2ff66b2 100644
--- a/src/components/ContactForm.astro
+++ b/src/components/ContactForm.astro
@@ -3,10 +3,10 @@
 
 <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>
+    <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">
+        <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"/>
@@ -18,7 +18,7 @@
             <p class="text-gray-600">г. Сургут, ул. Профсоюзов, 45 (Пример)</p>
           </div>
         </div>
-        <div class="flex gap-4">
+        <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"/>
@@ -30,7 +30,7 @@
             <p class="text-gray-600">+7 (900) 000-00-00</p>
           </div>
         </div>
-        <div class="flex gap-4">
+        <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"/>
@@ -46,7 +46,7 @@
       </div>
     </div>
 
-    <div class="glass-panel rounded-[2rem] p-8 md:p-12 relative">
+    <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>
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index d760597..09d441e 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -4,15 +4,15 @@
 <section class="relative h-screen flex items-center overflow-hidden bg-[#1a1a1a]">
   <div class="absolute inset-0 z-0">
     <img 
-      src="/images/porch_car.avif" 
-      alt="Автомобиль" 
+      src="/images/porch_car.avif"
+      alt="Автомобиль"
       class="w-full h-full object-cover opacity-40"
     />
     <div class="absolute inset-0 bg-gradient-to-r from-[#1a1a1a] via-[#1a1a1a]/60 to-transparent" />
   </div>
 
   <div class="relative z-10 max-w-7xl mx-auto px-6 w-full">
-    <div class="max-w-2xl animate-fade-in-up">
+    <div class="max-w-2xl animate-fade-in-up text-center">
       <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">
         <span class="w-2 h-2 rounded-full bg-[#E51937] animate-pulse-dot" />
         Специализированный центр в Сургуте
@@ -24,11 +24,11 @@
       <p class="text-lg md:text-xl text-gray-300 mb-10 font-light">
         Опытные специалисты, современное оборудование и только качественные запчасти. Ваш автомобиль в надежных руках профессионалов.
       </p>
-      <div class="flex flex-col sm:flex-row gap-4">
-        <button class="bg-[#E51937] text-white px-8 py-4 rounded-xl font-bold text-lg hover:bg-red-700 transition-all transform hover:scale-105 shadow-xl shadow-red-600/20">
+      <div class="flex flex-col sm:flex-row gap-4 items-center">
+        <button class="w-full sm:w-auto bg-[#E51937] text-white px-8 py-4 rounded-xl font-bold text-lg hover:bg-red-700 transition-all transform hover:scale-105 shadow-xl shadow-red-600/20">
           Записаться на сервис
         </button>
-        <a href="#Услуги" class="bg-white/10 backdrop-blur-md text-white border border-white/20 px-8 py-4 rounded-xl font-bold text-lg hover:bg-white/20 transition-all text-center">
+        <a href="#Услуги" class="w-full sm:w-auto bg-white/10 backdrop-blur-md text-white border border-white/20 px-8 py-4 rounded-xl font-bold text-lg hover:bg-white/20 transition-all text-center">
           Посмотреть услуги
         </a>
       </div>
diff --git a/src/components/Services.astro b/src/components/Services.astro
index bdf5e9f..a3a7e00 100644
--- a/src/components/Services.astro
+++ b/src/components/Services.astro
@@ -42,11 +42,11 @@ const services = [
 
     <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
       {services.map((service, i) => (
-        <div class="bg-white p-8 rounded-3xl border border-gray-100 flex flex-col items-start text-left group transition-all hover:shadow-xl hover:-translate-y-1">
+        <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">{service.title}</h4>
+          <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>
-          <button class="flex items-center gap-1 text-[#E51937] text-sm font-bold uppercase tracking-wider">
+          <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">
               <path d="m9 18 6-6-6-6"/>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 949d3ff..0f988e4 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -7,7 +7,6 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <meta name="generator" content={Astro.generator} />
     <title>Toyota & Lexus Service Сургут</title>
     <meta name="description" content="Профессиональное обслуживание и ремонт автомобилей Toyota и Lexus в Сургуте" />
     <link rel="preconnect" href="https://fonts.googleapis.com">