diff --git a/frontend/Dockerfile b/frontend/Dockerfile index b63110c..be71af8 100644 --- a/frontend/Dockerfile +++ b/frontend/Dockerfile @@ -1,6 +1,5 @@ # Используем официальный образ Bun через зеркало FROM dockerhub.timeweb.cloud/oven/bun:alpine AS build - WORKDIR /app # Копируем файлы зависимостей diff --git a/frontend/src/components/home/Hero.astro b/frontend/src/components/home/Hero.astro index f612782..e17bf30 100644 --- a/frontend/src/components/home/Hero.astro +++ b/frontend/src/components/home/Hero.astro @@ -20,7 +20,7 @@ const lawyerImageUrl = "/images/home/heroImg.jpg";
-
+
@@ -97,18 +97,15 @@ const lawyerImageUrl = "/images/home/heroImg.jpg"; z-index: 1; } - /* Контейнер для выравнивания */ - .hero-container { + /* Сетка для контента Hero */ + .hero-grid { position: relative; z-index: 2; /* Поверх оверлея */ - width: 100%; - max-width: var(--site-max-width); - margin: 0 auto; - padding: 2rem; display: flex; justify-content: space-between; align-items: center; gap: 4rem; + padding: 2rem; } /* --- Левая часть (Текст) --- */ @@ -274,7 +271,7 @@ const lawyerImageUrl = "/images/home/heroImg.jpg"; /* --- Адаптивность --- */ @media (max-width: 1024px) { - .hero-container { + .hero-grid { flex-direction: column; text-align: center; /* Центрируем контент на планшетах */ padding: 4rem 2rem; diff --git a/frontend/src/components/home/Services.astro b/frontend/src/components/home/Services.astro index 19a454b..b435c36 100644 --- a/frontend/src/components/home/Services.astro +++ b/frontend/src/components/home/Services.astro @@ -1,355 +1,488 @@ --- +interface ServiceCard { + id: string; + type: 'wide-light' | 'wide-dark' | 'standard'; + title: string; + desc: string; + icon: string; + linkText?: string; + btnText?: string; + href?: string; +} -const sectionSubtitle = "Специализация"; -const sectionTitle = "Комплексная защита на дороге"; - -const services = { - card1: { - title: "Возврат водительских прав", - desc: "Оспаривание протоколов за отказ от мед. освидетельствования, выезд на встречную полосу и другие нарушения. Анализируем ошибки инспекторов.", - linkText: "Узнать подробнее" - }, - card2: { - title: "Споры по ОСАГО/КАСКО", - desc: "Добиваемся полных выплат от страховых. Взыскание недоплаченных сумм, УТС и штрафов." - }, - card3: { - title: "Разбор ДТП", - desc: "Установление истинного виновника аварии. Независимая экспертиза и трасология." - }, - card4: { - title: "Представительство в суде", - desc: "Берем на себя всю бумажную волокиту и посещение заседаний. Защищаем ваши интересы во всех судебных инстанциях Сургута и округа.", - btnText: "Записаться на встречу" - } -}; +const { + sectionSubtitle = "НАШИ УСЛУГИ", + sectionTitle = "Помощь автовладельцам в Сургуте", + services = [ + { + id: 'card1', + type: 'wide-light', + title: "Возврат водительских прав", + desc: "Вернём права после лишения в кратчайшие сроки. Работаем по всей территории РФ.", + icon: "🚗", + href: "#services" + }, + { + id: 'card2', + type: 'standard', + title: "ОСАГО/КАСКО", + desc: "Споры со страховыми компаниями. Взыскание полного ущерба.", + icon: "🛡️", + href: "#services" + }, + { + id: 'card3', + type: 'standard', + title: "Разбор ДТП", + desc: "Полное сопровождение при разборе ДТП. Оспаривание вины.", + icon: "🚨", + href: "#services" + }, + { + id: 'card4', + type: 'wide-dark', + title: "Представительство в суде", + desc: "Защита ваших интересов в судах всех инстанций.", + icon: "⚖️", + href: "#services" + } + ] as ServiceCard[] +} = Astro.props; ---
-
- +
{sectionSubtitle}

{sectionTitle}

- +
+ {services.map((service: ServiceCard) => ( + + {service.type === 'wide-light' &&
} + {service.type === 'standard' &&
} + {service.type === 'wide-dark' &&
} - -
- -
- - - - -
+
+
+ {service.icon} +
+

{service.title}

+

{service.desc}

-
- - -
-
-

{services.card1.title}

-

{services.card1.desc}

-
- - {services.card1.linkText} - - -
- - -
-
- - -
-
-

{services.card2.title}

-

{services.card2.desc}

-
-
- - -
-
- - -
-
-

{services.card3.title}

-

{services.card3.desc}

-
-
- - -
- -
- - - - -
- -
-

{services.card4.title}

-

{services.card4.desc}

- {services.card4.btnText} -
-
+ + + + + +
+ {service.type === 'wide-light' &&
} + {service.type === 'wide-dark' &&
} + + ))}
+ + \ No newline at end of file diff --git a/frontend/src/components/home/WhyUs.astro b/frontend/src/components/home/WhyUs.astro index b66a87f..ffa6fc4 100644 --- a/frontend/src/components/home/WhyUs.astro +++ b/frontend/src/components/home/WhyUs.astro @@ -32,7 +32,7 @@ const features = [ ---
-
+
@@ -77,9 +77,7 @@ const features = [ font-family: system-ui, -apple-system, sans-serif; } - .container { - max-width: 1300px; - margin: 0 auto; + .site-container { display: grid; grid-template-columns: 1fr 1fr; /* Две равные колонки */ gap: 6rem; /* Большой отступ между колонками */ @@ -208,7 +206,7 @@ const features = [ /* --- Адаптивность --- */ @media (max-width: 1024px) { - .container { + .site-container { gap: 3rem; /* Уменьшаем отступ между колонками на планшетах */ } @@ -223,7 +221,7 @@ const features = [ padding: 4rem 1.5rem; } - .container { + .site-container { grid-template-columns: 1fr; /* Одна колонка на мобильных */ gap: 4rem; } diff --git a/frontend/src/components/layout/footer/Footer.astro b/frontend/src/components/layout/footer/Footer.astro index 3d82b79..ff5938c 100644 --- a/frontend/src/components/layout/footer/Footer.astro +++ b/frontend/src/components/layout/footer/Footer.astro @@ -14,7 +14,7 @@ const legalLinks = [ ---