Feat/region page

app/frontend/package.json

@@ -28,6 +28,7 @@
     "react-redux": "^9.2.0",
     "react-router-dom": "^6.30.1",
     "react-social-icons": "^6.24.0",
+    "recharts": "^3.2.1",
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.1.11"
   },

app/frontend/src/components/pages/HomePage.tsx

@@ -1,8 +1,11 @@
+import { RegionPage } from "./region";
+
 const HomePage = () => {
   return (
     <div>
       <h1 className="text-3xl font-bold">Главная</h1>
       <p className="mt-4">Информация.</p>
+      <RegionPage />
     </div>
   );
 };

app/frontend/src/components/pages/region/index.ts

@@ -0,0 +1 @@
+export { RegionPage } from './ui/regionPage'

app/frontend/src/components/pages/region/model/types.ts

@@ -0,0 +1,19 @@
+import type { VacancyWithExperience } from "../../../vacancy/model/types";
+
+export interface RegionPageProps {
+  region: string;
+  vacancies: VacancyWithExperience[];
+  experienceOptions: string[];
+  countryRegions: string[];
+  filters: {
+    experience: string;
+    region: string;
+    query: string;
+  };
+  pagination: {
+    currentPage: number;
+    lastPage: number;
+    nextPageUrl: string | null;
+    prevPageUrl: string | null;
+  }
+}