---
import Layout from "@layouts/Layout.astro";
import { SITE_NAME } from "@constants/constants.ts";
import ServicesHero from "@components/services/civil/ServicesHero.astro";
import ServiceCategories from "@components/services/civil/ServiceCategories.astro";
import RoadmapProcess from "@components/services/civil/RoadmapProcess.astro";
import EmergencyHelp from "@components/services/civil/EmergencyHelp.astro";
import AuthorizedConsultationCTA from "@components/services/common/AuthorizedConsultationCTA.astro";

const pageTitle = "Гражданские дела";
const pageDescription =
  "Профессиональная помощь по гражданским делам в Сургуте. Судебные споры, договоры, наследство, недвижимость, семейные дела.";
---

<Layout
  title={`${pageTitle} | ${SITE_NAME}`}
  description={pageDescription}
  pagePath="/services/civil"
>
  <ServicesHero />
  <ServiceCategories />
  <RoadmapProcess />
  <EmergencyHelp />
  <AuthorizedConsultationCTA />
</Layout>
