---
import Layout from '@layouts/Layout.astro';
import { SITE_URL } from '@constants';
import PageHero from "@components/base/PageHero.astro";
import CTA from "@components/base/CTA.astro";
import Pagination from "@components/base/Pagination.astro";
import ServiceCategories from "@components/services/ServiceCategories.astro";
---

<Layout
	title="Услуги автоюриста в Сургуте — юридическая помощь автовладельцам"
	description="Полный спектр юридических услуг для автовладельцев: споры со страховыми, возврат прав, ДТП, автоспоры."
	canonicalLink={`${SITE_URL}/services`}
	breadcrumbs={[
		{ label: 'Главная', href: '/' },
		{ label: 'Услуги' }
	]}
>
	<PageHero
		badgeText="АВТОЮРИСТ СУРГУТ & ЮГРА"
		titleWhite="Мои юридические"
		titleGold="услуги"
		description="Я обеспечиваю экспертную защиту прав водителей в Сургуте и Ханты-Мансийском автономном округе."
		btnText="Получить помощь"
		layout="with-image"
		sideImage="/images/services/office-table.avif"
		sideImageAlt="Автоюрист Сургут"
		experienceBadge={{
			number: "12+",
			text: "НАПРАВЛЕНИЙ ПРАКТИКИ"
		}}
		bgImage="/images/services/servicesBg.avif"
		icon="shield"
	/>
	<ServiceCategories />
	<Pagination
		currentPage={1}
		totalPages={2}
		baseUrl="/services"
	/>
	<CTA
		icon="consult"
		title="Нужна юридическая помощь?"
		description="Не нашли нужную услугу? Позвоните — разберём вашу ситуацию бесплатно. Первая консультация в подарок."
		btnText="Связаться с нами"
	/>
</Layout>
