diff --git a/frontend/src/pages/cases/index.astro b/frontend/src/pages/cases/index.astro
index a23a009..c88c369 100644
--- a/frontend/src/pages/cases/index.astro
+++ b/frontend/src/pages/cases/index.astro
@@ -31,5 +31,5 @@ import CasesList from "@components/cases/CasesList.astro";
 		bgImage="/images/cases/casesBg.avif"
 		icon="briefcase"
 	/>
-	<CasesList />
+	<CasesList currentPage={1} casesPerPage={4} baseUrl="/cases" />
 </Layout>
\ No newline at end of file
diff --git a/frontend/src/pages/cases/page/[page].astro b/frontend/src/pages/cases/page/[page].astro
new file mode 100644
index 0000000..ea23ab6
--- /dev/null
+++ b/frontend/src/pages/cases/page/[page].astro
@@ -0,0 +1,40 @@
+---
+import Layout from '@layouts/Layout.astro';
+import { SITE_URL } from '@constants';
+import PageHero from '@components/base/PageHero.astro';
+import CasesList from '@components/cases/CasesList.astro';
+import CTA from '@components/base/CTA.astro';
+
+export const prerender = false;
+
+const currentPage = Number(Astro.params.page) || 1;
+---
+
+<Layout
+	title={`Кейсы — страница ${currentPage} — автоюрист в Сургуте`}
+	description="Последние выигранные дела автоюриста в Сургуте. Возврат прав, взыскание со страховых, защита от лишения."
+	canonicalLink={`${SITE_URL}/cases/page/${currentPage}`}
+	breadcrumbs={[
+		{ label: 'Главная', href: '/' },
+		{ label: 'Кейсы', href: '/cases' },
+		{ label: `Страница ${currentPage}` }
+	]}
+>
+	<PageHero
+		badgeText="НАШИ ДЕЛА"
+		titleGold="Выигранные дела"
+		description="Каждое дело — это уникальная история с индивидуальным подходом. За 12+ лет мы помогли сотням клиентов вернуть права и получить компенсации."
+		btnText="Получить консультацию"
+		modalTarget="consultation-modal"
+		layout="simple"
+		bgImage="/images/cases/casesBg.avif"
+	/>
+
+	<CasesList
+		currentPage={currentPage}
+		casesPerPage={4}
+		baseUrl="/cases"
+	/>
+
+	<CTA />
+</Layout>
\ No newline at end of file