---
import Layout from '@layouts/Layout.astro';
import Hero from '@components/home/Hero.astro';
import Services from "@components/home/Services.astro";
import Steps from "@components/home/Steps.astro";
import WhyUs from "@components/home/WhyUs.astro";
import Reviews from "@components/home/Reviews.astro";
import Faq from "@components/home/Faq.astro";
import { SITE_URL, EXPERIENCE_YEARS } from '@constants';
---

<Layout
	title="Автоюрист в Сургуте — юридическая помощь автовладельцам"
	description="Профессиональная юридическая помощь автовладельцам в Сургуте. Споры со страховыми, возврат прав, ДТП, споры с автосалонами."
	canonicalLink={SITE_URL}
>
	<Hero
		badgeText="ЗАЩИТА ВОДИТЕЛЕЙ В СУРГУТЕ"
		titleWhite="Защитите свои права"
		titleGold="и водительское удостоверение"
		description="Профессиональная юридическая помощь при ДТП, спорах с ГИБДД и страховыми компаниями. Работаем на результат в судах ХМАО-Югры."
		btnText="Бесплатная консультация"
		modalTarget="consultation-modal"
		btnSecondary="Мои услуги"
		btnSecondaryHref="/services"
		btnSecondaryClass="btn-services"
		layout="with-image"
		sideImage="/images/home/avtourist-surgut.avif"
		sideImageAlt="Юрист"
		bgImage="/images/home/bg_hero.avif"
		minHeight="100vh"
		headerOffset="90px"
		experienceBadge={{
			number: EXPERIENCE_YEARS,
			text: "ЛЕТ ОПЫТА В СУДАХ"
		}}
	/>
	<Services />
	<Steps />
	<WhyUs />
	<Reviews />
	<Faq />
</Layout>