diff --git a/app/Filament/Components/Forms/ItemForm/Blocks/HeadingBlock.php b/app/Filament/Components/Forms/ItemForm/Blocks/HeadingBlock.php
index e3ace7a..6787896 100644
--- a/app/Filament/Components/Forms/ItemForm/Blocks/HeadingBlock.php
+++ b/app/Filament/Components/Forms/ItemForm/Blocks/HeadingBlock.php
@@ -14,7 +14,7 @@ class HeadingBlock implements BlockSchema
             TextInput::make('id')
                 ->hidden()
                 ->integer()
-                ->default(rand(2335235, 324634264263426)),
+                ->default('anchor-link-' . base64_encode(rand(2335235, 324634264263426))),
             TextInput::make('content')
                 ->label('Текст заголовка')
                 ->placeholder('Введите текст заголовка')
diff --git a/resources/js/Navbars/MainPageNavbar.vue b/resources/js/Navbars/MainPageNavbar.vue
index ba30054..873a82f 100644
--- a/resources/js/Navbars/MainPageNavbar.vue
+++ b/resources/js/Navbars/MainPageNavbar.vue
@@ -130,7 +130,6 @@ export default {
   computed: {
     ...mapGetters(['lastSlider', 'isBviActive']),
     currentLogo() {
-      console.log(this.isBviActive)
       if (this.isBviActive) {
         return this.logos.default
       }
diff --git a/resources/js/Pages/Client/AcademicJournals/Index.vue b/resources/js/Pages/Client/AcademicJournals/Index.vue
index 9285aed..f195a60 100644
--- a/resources/js/Pages/Client/AcademicJournals/Index.vue
+++ b/resources/js/Pages/Client/AcademicJournals/Index.vue
@@ -5,10 +5,30 @@ import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import AcademicJournalsListBreadcrumbs
   from "@/componentss/features/academicJournals/components/AcademicJournalsListBreadcrumbs.vue.vue";
+import LevelEduFilter from "@/componentss/features/additionalEducationPrograms/components/LevelEduFilter.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import AdditionalProgramListBreadcrumbs
+  from "@/componentss/features/additionalEducationPrograms/components/AdditionalProgramListBreadcrumbs.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import AdditionalProgramTitle
+  from "@/componentss/features/additionalEducationPrograms/components/AdditionalProgramTitle.vue";
+import FormEducationalFilter from "@/componentss/shared/filter/filters/FormEducationalFilter.vue";
 
 export default {
   name: "Index",
   components: {
+    FormEducationalFilter,
+    AdditionalProgramTitle,
+    BasicListFilter,
+    AdditionalProgramListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
+    LevelEduFilter,
     AcademicJournalsListBreadcrumbs,
     BasicFooter,
     MetaTags,
@@ -43,56 +63,39 @@ export default {
 
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-5 md:flex md:flex-row">
-				<div class="px-4 pb-12 sm:px-6 lg:px-8 mx-auto">
-					<div>
-						<!-- Avatar Media -->
-						<!-- End Avatar Media -->
-						<!-- Content -->
-						<div class="space-y-5 md:space-y-4">
-							<div class="space-y-5 md:space-y-4">
-								<!-- Card Section -->
-								<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-                  <AcademicJournalsListBreadcrumbs />
 
-									<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
-										<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Научные периодические издания НТГСПИ</h2>
-									</div>
-									<!-- Grid -->
-									<div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-3 sm:gap-6">
-										<template v-for="journal in journals.data">
-											<Link :href="route('client.academicJournals.show', journal.slug)" class="group flex items-center bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" >
-												<div class="p-4 md:p-5 w-full">
-													<div class="flex justify-between items-center gap-x-3">
-														<div class="grow">
-															<h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
-																{{ journal.title }}
-															</h3>
-														</div>
-														<div>
-															<svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-														</div>
-													</div>
-												</div>
-											</Link>
-										</template>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="max-w-[85rem] px-4 py-5 sm:px-6 md:px-8 md:py-5 mx-auto">
+        <div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
+          <h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Научные периодические издания НТГСПИ</h2>
+        </div>
+        <!-- Grid -->
+        <AcademicJournalsListBreadcrumbs />
+        <div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-3 sm:gap-6">
+          <template v-for="journal in journals.data">
+            <Link :href="route('client.academicJournals.show', journal.slug)" class="group flex items-center bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" >
+              <div class="p-4 md:p-5 w-full">
+                <div class="flex justify-between items-center gap-x-3">
+                  <div class="grow">
+                    <h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
+                      {{ journal.title }}
+                    </h3>
+                  </div>
+                  <div>
+                    <svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
+                  </div>
+                </div>
+              </div>
+            </Link>
+          </template>
 
-									</div>
-									<!-- End Grid -->
-								</div>
-								<!-- End Card Section -->
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-
-		<BasicFooter/>
-	</div>
+        </div>
+        <!-- End Grid -->
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 </template>
 
 <style scoped></style>
diff --git a/resources/js/Pages/Client/AcademicJournals/Show.vue b/resources/js/Pages/Client/AcademicJournals/Show.vue
index 0d491c9..f6e15ed 100644
--- a/resources/js/Pages/Client/AcademicJournals/Show.vue
+++ b/resources/js/Pages/Client/AcademicJournals/Show.vue
@@ -8,10 +8,30 @@ import AcademicJournalsTitle from "@/componentss/features/academicJournals/compo
 import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
 import AcademicJournalsItemBreadcrumbs
   from "@/componentss/features/academicJournals/components/AcademicJournalsItemBreadcrumbs.vue";
+import BudgetFilter from "@/componentss/shared/filter/filters/BudgetFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import DirectionFilter from "@/componentss/shared/filter/filters/DirectionFilter.vue";
+import ProgramLevelEduFilter from "@/componentss/features/educationalPrograms/components/ProgramLevelEduFilter.vue";
+import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
+import ProgramListBreadcrumbs from "@/componentss/features/educationalPrograms/components/ProgramListBreadcrumbs.vue";
+import FormEducationalFilter from "@/componentss/shared/filter/filters/FormEducationalFilter.vue";
+import BackButton from "@/componentss/ui/buttons/BackButton.vue";
 
 export default {
   name: "Show",
   components: {
+    BackButton,
+    FormEducationalFilter,
+    ProgramListBreadcrumbs,
+    ProgramTitle,
+    ProgramLevelEduFilter,
+    DirectionFilter,
+    BasicListFilter,
+    BasicPageWrapper,
+    BasicPageContainer,
+    BudgetFilter,
     AcademicJournalsItemBreadcrumbs,
     BasicPagination,
     MetaTags,
@@ -62,145 +82,136 @@ export default {
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:py-10">
-				<div class="w-100">
-					<div>
-						<!-- Avatar Media -->
-						<!-- End Avatar Media -->
-						<!-- Content -->
 
-            <div class="container max-w-6xl px-2 xl:px-5 lg:py-4 mx-auto space-y-5 md:space-y-8">
-              <AcademicJournalsItemBreadcrumbs :title="journal.data.title" />
-							<AcademicJournalsTitle class="text-center" :header="journal.data.title" />
-							<div>
-								<nav class="flex flex-col md:flex-row justify-center gap-x-6" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
-									<button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none active"
-													id="horizontal-alignment-item-1" aria-selected="true" data-hs-tab="#horizontal-alignment-1" aria-controls="horizontal-alignment-1" role="tab">
-										Основная информация журнала
-									</button>
-									<button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
-													id="horizontal-alignment-item-2" aria-selected="false" data-hs-tab="#horizontal-alignment-2" aria-controls="horizontal-alignment-2" role="tab">
-										Редакция
-									</button>
-									<button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
-													id="horizontal-alignment-item-3" aria-selected="false" data-hs-tab="#horizontal-alignment-3" aria-controls="horizontal-alignment-3" role="tab">
-										Информация для авторов
-									</button>
-									<button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
-													id="horizontal-alignment-item-3" aria-selected="false" data-hs-tab="#horizontal-alignment-4" aria-controls="horizontal-alignment-4" role="tab">
-										Архив
-									</button>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class=" space-y-5 md:space-y-8">
+        <div class="space-y-3">
+          <BackButton link="client.academicJournals.index" title="К списку журналов" />
+          <AcademicJournalsItemBreadcrumbs :title="journal.data.title" />
+          <AcademicJournalsTitle class="text-center" :header="journal.data.title" />
+        </div>
 
-								</nav>
-							</div>
-							<div class="">
-								<div id="horizontal-alignment-1" role="tabpanel" aria-labelledby="horizontal-alignment-item-1">
-									<Builder :blocks="journal.data.main_info" />
-								</div>
-								<div id="horizontal-alignment-2" class="hidden w-full" role="tabpanel" aria-labelledby="horizontal-alignment-item-2">
-									<template v-for="block in journal.data.chief_editor" :key="block.id">
-										<div class="w-full rounded-xl mb-4 p-4 md:p-6 bg-white border border-gray-200 dark:bg-slate-900 dark:border-gray-700">
-											<div class="flex items-center gap-x-4">
-												<!--												<img loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + worker.details.photo" alt="Image Description">-->
-												<div class="grow">
-													<p class="font-medium text-gray-800 hover:text-gray-500 underline">
-														Главный редактор: {{ block.name }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Ученая степень: {{ block.academicTitle }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Должность: {{ block.position }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Учереждение: {{ block.institution }}
-													</p>
-												</div>
-											</div>
+        <div>
+          <nav class="flex flex-col md:flex-row justify-center gap-x-6" aria-label="Tabs" role="tablist" aria-orientation="horizontal">
+            <button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none active"
+                    id="horizontal-alignment-item-1" aria-selected="true" data-hs-tab="#horizontal-alignment-1" aria-controls="horizontal-alignment-1" role="tab">
+              Основная информация журнала
+            </button>
+            <button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
+                    id="horizontal-alignment-item-2" aria-selected="false" data-hs-tab="#horizontal-alignment-2" aria-controls="horizontal-alignment-2" role="tab">
+              Редакция
+            </button>
+            <button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
+                    id="horizontal-alignment-item-3" aria-selected="false" data-hs-tab="#horizontal-alignment-3" aria-controls="horizontal-alignment-3" role="tab">
+              Информация для авторов
+            </button>
+            <button type="button" class="hs-tab-active:bg-gray-100 rounded-md hs-tab-active:text-gray-700 py-1.5 px-3 inline-flex items-center gap-x-2 border-b-2 border-transparent text-sm whitespace-nowrap text-gray-500 focus:outline-none disabled:opacity-50 disabled:pointer-events-none"
+                    id="horizontal-alignment-item-3" aria-selected="false" data-hs-tab="#horizontal-alignment-4" aria-controls="horizontal-alignment-4" role="tab">
+              Архив
+            </button>
 
-											<!-- Social Brands -->
-											<!-- End Social Brands -->
-										</div>
+          </nav>
+        </div>
+        <div>
+          <div id="horizontal-alignment-1" role="tabpanel" aria-labelledby="horizontal-alignment-item-1">
+            <Builder :blocks="journal.data.main_info" />
+          </div>
+          <div id="horizontal-alignment-2" class="hidden w-full" role="tabpanel" aria-labelledby="horizontal-alignment-item-2">
+            <template v-for="block in journal.data.chief_editor" :key="block.id">
+              <div class="w-full rounded-xl mb-4 p-4 md:p-6 bg-white border border-gray-200 dark:bg-slate-900 dark:border-gray-700">
+                <div class="flex items-center gap-x-4">
+                  <!--												<img loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + worker.details.photo" alt="Image Description">-->
+                  <div class="grow">
+                    <p class="font-medium text-gray-800 hover:text-gray-500 underline">
+                      Главный редактор: {{ block.name }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Ученая степень: {{ block.academicTitle }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Должность: {{ block.position }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Учереждение: {{ block.institution }}
+                    </p>
+                  </div>
+                </div>
 
-									</template>
-									<template v-for="block in journal.data.editors" :key="block.id">
-										<div class="w-full rounded-xl mb-4 p-4 md:p-6 bg-white border border-gray-200 dark:bg-slate-900 dark:border-gray-700">
-											<div class="flex items-center gap-x-4">
-												<!--												<img loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + worker.details.photo" alt="Image Description">-->
-												<div class="grow">
-													<p class="font-medium text-gray-800 hover:text-gray-500">
-														{{ block.name }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Ученая степень: {{ block.academicTitle }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Должность: {{ block.position }}
-													</p>
-													<p class="text-xs text-gray-500 mt-2">
-														Учереждение: {{ block.institution }}
-													</p>
-												</div>
-											</div>
+                <!-- Social Brands -->
+                <!-- End Social Brands -->
+              </div>
 
-											<!-- Social Brands -->
-											<!-- End Social Brands -->
-										</div>
-									</template>
-								</div>
-								<div id="horizontal-alignment-3" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-3">
-									<Builder :blocks="journal.data.for_authors" />
-								</div>
-								<div id="horizontal-alignment-4" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-4">
-									<!-- List -->
-									<!-- Card Section -->
-									<div class="px-0 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
-										<!-- Grid -->
-                    <template v-for="journalByYear in journals">
-												<h2 class="font-bold text-xl text-center">{{ journalByYear.year_publication }}</h2>
-												<hr class="mb-4 mt-2">
-												<div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-6 mb-4">
-													<template v-for="item in journalByYear.journalIssues">
-														<a target="_blank" class="group flex flex-col bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" :href="'/storage/' + item.path_file">
-															<div class="p-4 md:p-5">
-																<div class="flex justify-between items-center gap-x-3">
-																	<div class="grow">
-																		<p class="text-sm text-gray-500">
-																			{{ item.year_publication }}
-																		</p>
-																		<h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
-																			{{ item.title }}
-																		</h3>
-																	</div>
-																	<div>
-																		<svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-																	</div>
-																</div>
-															</div>
-														</a>
-													</template>
-												</div>
-											</template>
-										<!-- End Grid -->
-									</div>
-									<!-- End Card Section -->									<!-- End List -->
-								</div>
+            </template>
+            <template v-for="block in journal.data.editors" :key="block.id">
+              <div class="w-full rounded-xl mb-4 p-4 md:p-6 bg-white border border-gray-200 dark:bg-slate-900 dark:border-gray-700">
+                <div class="flex items-center gap-x-4">
+                  <!--												<img loading="lazy" class="rounded-xl w-[150px]" :src="'/storage/' + worker.details.photo" alt="Image Description">-->
+                  <div class="grow">
+                    <p class="font-medium text-gray-800 hover:text-gray-500">
+                      {{ block.name }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Ученая степень: {{ block.academicTitle }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Должность: {{ block.position }}
+                    </p>
+                    <p class="text-xs text-gray-500 mt-2">
+                      Учереждение: {{ block.institution }}
+                    </p>
+                  </div>
+                </div>
 
-							</div>
-						</div>
+                <!-- Social Brands -->
+                <!-- End Social Brands -->
+              </div>
+            </template>
+          </div>
+          <div id="horizontal-alignment-3" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-3">
+            <Builder :blocks="journal.data.for_authors" />
+          </div>
+          <div id="horizontal-alignment-4" class="hidden" role="tabpanel" aria-labelledby="horizontal-alignment-item-4">
+            <!-- List -->
+            <!-- Card Section -->
+            <div class="px-0 py-5 sm:px-6 lg:px-8 lg:py-7 mx-auto">
+              <!-- Grid -->
+              <template v-for="journalByYear in journals">
+                <h2 class="font-bold text-xl text-center">{{ journalByYear.year_publication }}</h2>
+                <hr class="mb-4 mt-2">
+                <div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-6 mb-4">
+                  <template v-for="item in journalByYear.journalIssues">
+                    <a target="_blank" class="group flex flex-col bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" :href="'/storage/' + item.path_file">
+                      <div class="p-4 md:p-5">
+                        <div class="flex justify-between items-center gap-x-3">
+                          <div class="grow">
+                            <p class="text-sm text-gray-500">
+                              {{ item.year_publication }}
+                            </p>
+                            <h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
+                              {{ item.title }}
+                            </h3>
+                          </div>
+                          <div>
+                            <svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
+                          </div>
+                        </div>
+                      </div>
+                    </a>
+                  </template>
+                </div>
+              </template>
+              <!-- End Grid -->
+            </div>
+            <!-- End Card Section -->									<!-- End List -->
+          </div>
 
+        </div>
+      </div>
 
-
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-
-		<BasicFooter />
-	</div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 </template>
 
 <style>
diff --git a/resources/js/Pages/Client/Additional-educations/Index.vue b/resources/js/Pages/Client/Additional-educations/Index.vue
index b139774..e33c66c 100644
--- a/resources/js/Pages/Client/Additional-educations/Index.vue
+++ b/resources/js/Pages/Client/Additional-educations/Index.vue
@@ -14,10 +14,18 @@ import LevelEduFilter from "@/componentss/features/additionalEducationPrograms/c
 import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
 import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
 import FormEducationalFilter from "@/componentss/shared/filter/filters/FormEducationalFilter.vue";
+import AdditionalProgramItemBreadcrumbs
+  from "@/componentss/features/additionalEducationPrograms/components/AdditionalProgramItemBreadcrumbs.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BackButton from "@/componentss/ui/buttons/BackButton.vue";
+import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
+import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
 
 export default {
   name: "Index",
   components: {
+    ProgramTitle, Builder, BackButton, BasicPageWrapper, BasicPageContainer, AdditionalProgramItemBreadcrumbs,
     BasicListBadge,
     AdditionalProgramBadge,
     FormEducationalFilter, CategoryFilter,
@@ -96,60 +104,52 @@ export default {
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:py-10">
-				<div class="">
-					<div class="">
-						<div class="space-y-5 md:space-y-4">
-							<AdditionalProgramTitle class="text-center" header="Дополнительное образование" />
-							<div class="space-y-5 md:space-y-4 mx-auto max-w-3xl w-full">
-								<div>
-									<div class="">
-										<div class="my-10 w-full">
-                      <AdditionalProgramListBreadcrumbs :breadcrumbs="breadcrumbs" />
-											<div class="flex items-center gap-x-2">
-												<LevelEduFilter :directions="directionAdditionalEducations" :direction_filter="filters.direction_filter" />
-                        <BasicListFilter>
-                          <FormEducationalFilter :forms="forms_education" :formEdu_filter="filters.form_education_filter" />
-                          <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
-                        </BasicListFilter>
-											</div>
-										</div>
-                    <div v-if="hasActiveFilters" class="px-1">
-                      <h3 class="text-sm text-gray-500 mb-4">Найдено программ: {{ additionalEducations.data.length }}</h3>
-                      <div class="flex-wrap flex gap-3 md:items-center">
-                        <BasicListBadge :filters="filters" />
-                      </div>
-                    </div>									</div>
-									<div class="container py-5 lg:py-4">
-										<div class="w-full mx-auto flex flex-wrap lg:justify-between">
-											<template v-for="educations in transformToColumns(additionalEducations.data)">
-												<div class="flex flex-col">
-													<template v-for="education in educations">
-														<div style="height: max-content" class="px-1">
-															<h1 class="text-brand-primary mb-2 mt-2 text-lg font-semibold upper tracking-tight dark:text-white lg:text-md lg:leading-tight">
-																{{ education.title }}
-															</h1>
-															<template v-for="program in education.additionalEducations" :key="program.id">
-																<Link class="block text-primary hover:text-primary-hover duration-200 text-sm underline underline-offset-2 py-1" :href="route('client.additionalEducation.show', program.slug)">{{ program.title }}</Link>
-															</template>
-														</div>
-													</template>
-												</div>
-											</template>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</main>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="space-y-5 md:space-y-4">
+        <AdditionalProgramTitle class="text-center" header="Дополнительное образование" />
+        <div class="space-y-5 md:space-y-4 mx-auto max-w-3xl w-full">
+          <div class="my-10 w-full">
+            <AdditionalProgramListBreadcrumbs :breadcrumbs="breadcrumbs" />
+            <div class="flex items-center gap-x-2">
+              <LevelEduFilter :directions="directionAdditionalEducations" :direction_filter="filters.direction_filter" />
+              <BasicListFilter>
+                <FormEducationalFilter :forms="forms_education" :formEdu_filter="filters.form_education_filter" />
+                <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
+              </BasicListFilter>
+            </div>
+          </div>
+          <div v-if="hasActiveFilters" class="px-1">
+            <h3 class="text-sm text-gray-500 mb-4">Найдено программ: {{ additionalEducations.data.length }}</h3>
+            <div class="flex-wrap flex gap-3 md:items-center">
+              <BasicListBadge :filters="filters" />
+            </div>
+          </div>
+          <div class="container py-5 lg:py-4">
+            <div class="w-full mx-auto flex flex-wrap md:justify-between">
+              <template v-for="educations in transformToColumns(additionalEducations.data)">
+                <div class="flex flex-col">
+                  <template v-for="education in educations">
+                    <div style="height: max-content" class="px-1">
+                      <h1 class="text-brand-primary mb-2 mt-2 text-lg font-semibold upper tracking-tight dark:text-white lg:text-md lg:leading-tight">
+                        {{ education.title }}
+                      </h1>
+                      <template v-for="program in education.additionalEducations" :key="program.id">
+                        <Link class="block text-primary hover:text-primary-hover duration-200 text-sm underline underline-offset-2 py-1" :href="route('client.additionalEducation.show', program.slug)">{{ program.title }}</Link>
+                      </template>
+                    </div>
+                  </template>
+                </div>
+              </template>
+            </div>
+          </div>
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
+
 
-		<BasicFooter />
-	</div>
 </template>
 
 <style scoped></style>
diff --git a/resources/js/Pages/Client/Additional-educations/Show.vue b/resources/js/Pages/Client/Additional-educations/Show.vue
index b104836..e9d7736 100644
--- a/resources/js/Pages/Client/Additional-educations/Show.vue
+++ b/resources/js/Pages/Client/Additional-educations/Show.vue
@@ -10,11 +10,15 @@ import BasicFooter from "@/footers/BasicFooter.vue";
 import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
 import AdditionalProgramItemBreadcrumbs
   from "@/componentss/features/additionalEducationPrograms/components/AdditionalProgramItemBreadcrumbs.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import ProgramItemBreadcrumbs from "@/componentss/features/educationalPrograms/components/ProgramItemBreadcrumbs.vue";
 
 
 export default {
   name: "Show",
   components: {
+    ProgramItemBreadcrumbs, BasicPageWrapper, BasicPageContainer,
     AdditionalProgramItemBreadcrumbs,
     BasicFooter,
     Builder,
@@ -59,136 +63,116 @@ export default {
 <template>
 	<MetaTags :seo="seo" />
 
-	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
+	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-				<div class="px-0 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-2xl">
-					<div>
-						<div class="space-y-5 md:space-y-4">
-							<div class="space-y-5 md:space-y-4">
-								<div>
-									<div class="container mx-auto xl:px-5 max-w-screen-lg py-5 lg:py-8">
-										<div class="space-y-10">
-											<div class="space-y-3">
-												<BackButton link="client.additionalEducation.index" title="Все программы"/>
-												<AdditionalProgramItemBreadcrumbs :breadcrumbs="breadcrumbs" :additional-education-title="additionalEducation.data.title" />
-											</div>
-											<ProgramTitle :header="additionalEducation.data.title" class="text-center" />
-										</div>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="space-y-3">
+        <BackButton link="client.additionalEducation.index" title="Все программы"/>
+        <AdditionalProgramItemBreadcrumbs :breadcrumbs="breadcrumbs" :additional-education-title="additionalEducation.data.title" />
+        <ProgramTitle :header="additionalEducation.data.title" class="text-center" />
+      </div>
 
-										<!-- Icon Blocks -->
-										<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-											<div class="grid sm:grid-cols-2 lg:grid-cols-3 items-start gap-12">
-												<!-- Icon Block -->
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
-														</svg>
-													</div>
+      <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+        <div class="grid sm:grid-cols-2 lg:grid-cols-3 items-start gap-12">
+          <!-- Icon Block -->
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
+              </svg>
+            </div>
 
 
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Направление подготовки</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.directionAdditionalEducation.title }} {{ additionalEducation.data.category }}</p>
-													</div>
-												</div>
-												<!-- End Icon Block -->
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Направление подготовки</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.directionAdditionalEducation.title }} {{ additionalEducation.data.category }}</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
 
-												<!-- Icon Block -->
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
-														</svg>
+          <!-- Icon Block -->
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+              </svg>
 
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Срок обучения</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.learning_time }} часов</p>
-													</div>
-												</div>
-												<!-- End Icon Block -->
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Срок обучения</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.learning_time }} часов</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
 
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
-														</svg>
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
+              </svg>
 
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Присваиваемая квалификация</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.qualification }}</p>
-													</div>
-												</div>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Присваиваемая квалификация</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.qualification }}</p>
+            </div>
+          </div>
 
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25" />
-														</svg>
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 0 1-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0 1 15 18.257V17.25m6-12V15a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 15V5.25m18 0A2.25 2.25 0 0 0 18.75 3H5.25A2.25 2.25 0 0 0 3 5.25m18 0V12a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 12V5.25" />
+              </svg>
 
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Форма обучения</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.form_education }}</p>
-													</div>
-												</div>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Форма обучения</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.form_education }}</p>
+            </div>
+          </div>
 
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
-														</svg>
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Цена обучения</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.price }} &#8381;</p>
-													</div>
-												</div>
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
+              </svg>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Цена обучения</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.price }} &#8381;</p>
+            </div>
+          </div>
 
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
-														</svg>
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="flex-shrink-0 size-6 text-gray-600">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
+              </svg>
 
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Целевая аудитория</h3>
-														<p class="mt-1 text-gray-600">{{ additionalEducation.data.target_group }}</p>
-													</div>
-												</div>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Целевая аудитория</h3>
+              <p class="mt-1 text-gray-600">{{ additionalEducation.data.target_group }}</p>
+            </div>
+          </div>
 
 
 
-												<!-- End Icon Block -->
-											</div>
-										</div>
+          <!-- End Icon Block -->
+        </div>
+      </div>
 
-										<div v-if="additionalEducation.data.content.length > 0">
-											<h2 class="text-xl font-bold md:text-2xl">О программе</h2>
-											<div class="py-4">
-												<Builder :blocks="additionalEducation.data.content" />
-											</div>
-										</div>
-										<!-- End Icon Blocks -->
+      <div v-if="additionalEducation.data.content.length > 0">
+        <h2 class="text-xl font-bold md:text-2xl">О программе</h2>
+        <div class="py-4">
+          <Builder :blocks="additionalEducation.data.content" />
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-									</div>
-								</div>
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-
-		<BasicFooter />
-	</div>
 
 </template>
 
diff --git a/resources/js/Pages/Client/Departments/Show.vue b/resources/js/Pages/Client/Departments/Show.vue
index efd6316..c653019 100644
--- a/resources/js/Pages/Client/Departments/Show.vue
+++ b/resources/js/Pages/Client/Departments/Show.vue
@@ -4,139 +4,138 @@
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen justify-between">
-		<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
+  <BasicPageWrapper>
+    <div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 
-			<div class="w-full h-[67px] pointer-events-none fixed" id="visor"></div>
+      <NavigateVisor />
 
-			<div class="sticky top-[110px] hidden h-[calc(100vh-110px)] max-w-[20%] md:flex md:shrink-0 md:flex-col md:justify-between">
-				<nav v-if="departments"
-						 class="flex h-[calc(100vh-200px)] flex-col overflow-hidden pr-2 pb-4">
-					<div class="text-gray-1000 mb-2 text-md font-medium">Кафедры факультета - {{ department.data.faculty.abbreviation }}</div>
-					<div class="flex gap-x-1">
-						<ul class="px-0.5 last-of-type:mb-0 mb-8">
-							<li v-for="depart in departments.data" :key="department.id" class="my-1.5 flex">
-								<a :class="{'text-white hover:text-gray-200 font-semibold bg-[#135aae]': this.IS_SAME_ROUTE(route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug })), 'text-gray-600 hover:text-[#2C6288]': !this.IS_SAME_ROUTE(route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug })) }"
-									 :href="route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug }) + '/'"
-									 class="relative duration-300 flex w-full rounded-md cursor-pointer items-center px-2 py-1 text-left text-sm">{{
-										depart.title
-									}}</a>
-							</li>
-						</ul>
-					</div>
+      <div class="sticky top-[110px] hidden h-[calc(100vh-110px)] max-w-[20%] md:flex md:shrink-0 md:flex-col md:justify-between">
+        <nav v-if="departments"
+             class="flex h-[calc(100vh-200px)] flex-col overflow-hidden pr-2 pb-4">
+          <div class="text-gray-1000 mb-2 text-md font-medium">Кафедры факультета - {{ department.data.faculty.abbreviation }}</div>
+          <div class="flex gap-x-1">
+            <ul class="px-0.5 last-of-type:mb-0 mb-8">
+              <li v-for="depart in departments.data" :key="department.id" class="my-1.5 flex">
+                <a :class="{'text-white hover:text-gray-200 font-semibold bg-[#135aae]': this.IS_SAME_ROUTE(route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug })), 'text-gray-600 hover:text-[#2C6288]': !this.IS_SAME_ROUTE(route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug })) }"
+                   :href="route('client.department.show', { facultySlug: department.data.faculty.slug, departmentSlug: depart.slug }) + '/'"
+                   class="relative duration-300 flex w-full rounded-md cursor-pointer items-center px-2 py-1 text-left text-sm">{{
+                    depart.title
+                  }}</a>
+              </li>
+            </ul>
+          </div>
 
-				</nav>
-			</div>
+        </nav>
+      </div>
 
-			<nav class="order-last hidden w-56 shrink-0 lg:block">
-				<div class="sticky top-[110px] h-[calc(100vh-110px)]">
-					<div class="text-gray-1000 mb-2 text-md font-medium">На этой странице</div>
-					<ul class="max-h-[70vh] space-y-1.5 overflow-hidden py-2 text-sm">
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'workers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'workers' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#workers">Сотрудники кафедры</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'teachers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'teachers' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#teachers">Преподаватели кафедры</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'external-teachers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'external-teachers' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#external-teachers">Внешние совместители</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'programs', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'programs' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#programs">Программы</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'description', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'description' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#description">Описание</a>
-						</li>
-						<transition name="fade">
-							<li class="anchor-li flex items-center py-2 border-t" v-if="scrollTop" @click.prevent="scrollToTop">
-								<button class="bg-transperant text-gray-600 cursor-pointer hover:text-gray-900 duration-300 block px-2 leading-[1.6] rounded-md">К началу</button>
-								<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[17px] text-gray-600">
-									<path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-								</svg>
-							</li>
-						</transition>
-					</ul>
-				</div>
-			</nav>
+      <nav class="order-last hidden w-56 shrink-0 lg:block">
+        <div class="sticky top-[110px] h-[calc(100vh-110px)]">
+          <div class="text-gray-1000 mb-2 text-md font-medium">На этой странице</div>
+          <ul class="max-h-[70vh] space-y-1.5 overflow-hidden py-2 text-sm">
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'workers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'workers' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#workers">Сотрудники кафедры</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'teachers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'teachers' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#teachers">Преподаватели кафедры</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'external-teachers', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'external-teachers' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#external-teachers">Внешние совместители</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'programs', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'programs' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#programs">Программы</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'description', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'description' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#description">Описание</a>
+            </li>
+            <transition name="fade">
+              <li class="anchor-li flex items-center py-2 border-t" v-if="scrollTop" @click.prevent="scrollToTop">
+                <button class="bg-transperant text-gray-600 cursor-pointer hover:text-gray-900 duration-300 block px-2 leading-[1.6] rounded-md">К началу</button>
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[17px] text-gray-600">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </li>
+            </transition>
+          </ul>
+        </div>
+      </nav>
 
-			<article class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
-				<div class="space-y-5 md:space-y-5">
+      <article class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
+        <div class="space-y-5 md:space-y-5">
 
-					<div class="flex justify-between items-center mb-6">
-						<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
-							<div class="grow">
-								<div class="grid sm:flex sm:justify-between sm:items-center gap-2">
-									<DepartmentItemBreadcrumbs :faculty="department.data.faculty" :department-title="department.data.title" />
-								</div>
-							</div>
-						</div>
-					</div>
+          <div class="flex justify-between items-center mb-6">
+            <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
+              <div class="grow">
+                <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
+                  <DepartmentItemBreadcrumbs :faculty="department.data.faculty" :department-title="department.data.title" />
+                </div>
+              </div>
+            </div>
+          </div>
 
-					<BasicTitle :header="department.data.title" />
+          <BasicTitle :header="department.data.title" />
 
-					<div id="page-area" class="space-y-5 md:space-y-5">
-						<h2 id="workers" class="font-bold text-xl">Сотрудники кафедры</h2>
+          <div id="page-area" class="space-y-5 md:space-y-5">
+            <h2 id="workers" class="font-bold text-xl">Сотрудники кафедры</h2>
 
-						<template v-for="worker in department.data.workers">
-							<DepartmentWorkerCard :worker="worker" />
-						</template>
-						<h2 id="teachers" class="font-bold text-xl">Преподаватели кафедры</h2>
-						<template v-for="teacher in department.data.teachers">
-							<DepartmentTeacherCard :teacher="teacher" />
-						</template>
-						<h2 id="external-teachers" class="font-bold text-xl">Внешние совместители</h2>
+            <template v-for="worker in department.data.workers">
+              <DepartmentWorkerCard :worker="worker" />
+            </template>
+            <h2 id="teachers" class="font-bold text-xl">Преподаватели кафедры</h2>
+            <template v-for="teacher in department.data.teachers">
+              <DepartmentTeacherCard :teacher="teacher" />
+            </template>
+            <h2 id="external-teachers" class="font-bold text-xl">Внешние совместители</h2>
 
-						<h2 id="programs" class="font-bold text-xl">Программы</h2>
+            <h2 id="programs" class="font-bold text-xl">Программы</h2>
 
 
 
-						<div class="hs-accordion-group">
-							<div v-for="(direction, index) in directions" class="hs-accordion hs-accordion-active:bg-gray-100 rounded-xl px-4 py-6" id="hs-basic-with-title-and-arrow-stretched-heading-three">
-								<button class="hs-accordion-toggle group pb-3 inline-flex items-center justify-between gap-x-3 w-full md:text-lg font-semibold text-start text-gray-800 rounded-lg transition hover:text-gray-500 focus:outline-none" aria-expanded="false" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse-three">
-									{{ index }}
-									<svg class="hs-accordion-active:hidden block shrink-0 size-5 text-gray-600 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
-									<svg class="hs-accordion-active:block hidden shrink-0 size-5 text-gray-600 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
-								</button>
-								<div id="hs-basic-with-title-and-arrow-stretched-collapse-three" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" role="region" aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-three">
-									<ul class="list-disc list-outside space-y-3 ps-5 text-lg text-gray-800 dark:text-neutral-200">
-										<li v-for="program in direction" class="ps-2">
-											<Link :href="route('client.program.show', program.id)" class="text-base text-primary decoration-2 hover:underline focus:outline-none focus:underline font-medium dark:text-blue-500">{{ program.name }}</Link>
-										</li>
-									</ul>
-								</div>
-							</div>
+            <div class="hs-accordion-group">
+              <div v-for="(direction, index) in directions" class="hs-accordion hs-accordion-active:bg-gray-100 rounded-xl px-4 py-6" id="hs-basic-with-title-and-arrow-stretched-heading-three">
+                <button class="hs-accordion-toggle group pb-3 inline-flex items-center justify-between gap-x-3 w-full md:text-lg font-semibold text-start text-gray-800 rounded-lg transition hover:text-gray-500 focus:outline-none" aria-expanded="false" aria-controls="hs-basic-with-title-and-arrow-stretched-collapse-three">
+                  {{ index }}
+                  <svg class="hs-accordion-active:hidden block shrink-0 size-5 text-gray-600 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
+                  <svg class="hs-accordion-active:block hidden shrink-0 size-5 text-gray-600 group-hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m18 15-6-6-6 6"/></svg>
+                </button>
+                <div id="hs-basic-with-title-and-arrow-stretched-collapse-three" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" role="region" aria-labelledby="hs-basic-with-title-and-arrow-stretched-heading-three">
+                  <ul class="list-disc list-outside space-y-3 ps-5 text-lg text-gray-800 dark:text-neutral-200">
+                    <li v-for="program in direction" class="ps-2">
+                      <Link :href="route('client.program.show', program.id)" class="text-base text-primary decoration-2 hover:underline focus:outline-none focus:underline font-medium dark:text-blue-500">{{ program.name }}</Link>
+                    </li>
+                  </ul>
+                </div>
+              </div>
 
 
-						</div>
+            </div>
 
-						<h2 id="description" class="font-bold text-xl">Описание</h2>
+            <h2 id="description" class="font-bold text-xl">Описание</h2>
 
 
-						<div class="space-y-3 md:space-y-4">
-							<Builder :blocks="department.data.content "/>
-						</div>
-					</div>
+            <div class="space-y-3 md:space-y-4">
+              <Builder :blocks="department.data.content "/>
+            </div>
+          </div>
 
 
-				</div>
-			</article>
+        </div>
+      </article>
 
-		</div>
+    </div>
 
+    <BasicFooter />
+  </BasicPageWrapper>
 
-		<BasicFooter />
-
-	</div>
 
 </template>
 
@@ -154,6 +153,17 @@ import DepartmentWorkerCard from "@/componentss/features/departments/components/
 import DepartmentTeacherCard from "@/componentss/features/departments/components/DepartmentTeacherCard.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import {helpers} from "@/mixins/Helpers.js";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
+import NavigateVisor from "@/componentss/shared/visor/NavigateVisor.vue";
 
 
 export default {
@@ -182,6 +192,17 @@ export default {
 	},
 
 	components: {
+    NavigateVisor,
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     BasicFooter,
     DepartmentTeacherCard,
     DepartmentWorkerCard,
diff --git a/resources/js/Pages/Client/Events/Archive.vue b/resources/js/Pages/Client/Events/Archive.vue
index 47e9de2..d2a02f0 100644
--- a/resources/js/Pages/Client/Events/Archive.vue
+++ b/resources/js/Pages/Client/Events/Archive.vue
@@ -14,11 +14,18 @@ import EventArchiveListBreadcrumbs from "@/componentss/features/events/component
 import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
 import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BackButton from "@/componentss/ui/buttons/BackButton.vue";
+import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
+import BasicTitle from "@/componentss/ui/titles/BasicTitle.vue";
+import EventItemBreadcrumbs from "@/componentss/features/events/components/EventItemBreadcrumbs.vue";
 
 
 export default {
 	name: "Archive",
 	components: {
+    EventItemBreadcrumbs, BasicTitle, Builder, BackButton, BasicPageWrapper, BasicPageContainer,
     BasicPagination,
     SortingByFilter,
     EventListSearch,
@@ -75,61 +82,61 @@ export default {
 	<MetaTags :seo="seo" />
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-  <div class="flex flex-col h-screen">
-    <main class="flex-grow">
-      <div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-        <div class="pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-md"> <!-- Добавлен w-full -->
+
+  <BasicPageWrapper>
+    <BasicPageContainer breakpoint="md">
+      <div>
+        <EventArchiveListBreadcrumbs :breadcrumbs="breadcrumbs" />
+        <div class="space-y-5 md:space-y-4">
+          <div class="flex items-center w-full justify-center">
+            <h1 class="block text-brand-primary text-center mb-3 mt-2 mr-4 text-3xl font-semibold tracking-tight lg:text-[35px] lg:leading-tight">
+              Архив мероприятий НТГСПИ
+            </h1>
+            <BasicListFilter>
+              <SortingByFilter :sortingBy_filter="filters.sortingBy_filter" />
+              <IsOnlineFilter :is_online_filter="filters.is_online_filter" />
+              <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
+            </BasicListFilter>
+          </div>
+          <div class="space-y-5 md:space-y-4">
+            <EventListSearch :search_filter="filters.search_filter" />
+          </div>
           <div>
-            <EventArchiveListBreadcrumbs :breadcrumbs="breadcrumbs" />
-            <div class="space-y-5 md:space-y-4">
-              <div class="flex items-center w-full justify-center">
-                <h1 class="block text-brand-primary text-center mb-3 mt-2 mr-4 text-3xl font-semibold tracking-tight lg:text-[35px] lg:leading-tight">
-                  Архив мероприятий НТГСПИ
-                </h1>
-                <BasicListFilter>
-                  <SortingByFilter :sortingBy_filter="filters.sortingBy_filter" />
-                  <IsOnlineFilter :is_online_filter="filters.is_online_filter" />
-                  <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
-                </BasicListFilter>
-              </div>
-              <div class="space-y-5 md:space-y-4">
-                <EventListSearch :search_filter="filters.search_filter" />
-              </div>
-              <div>
-                <h3 class="text-sm text-gray-500 mb-4">Найдено мероприятий: {{ events.meta.total }}</h3>
-                <div v-if="hasActiveFilters" class="flex-wrap flex gap-3 md:items-center">
-                  <BasicListBadge :filters="filters" />
-                </div>
-              </div>
+            <h3 class="text-sm text-gray-500 mb-4">Найдено мероприятий: {{ events.meta.total }}</h3>
+            <div v-if="hasActiveFilters" class="flex-wrap flex gap-3 md:items-center">
+              <BasicListBadge :filters="filters" />
             </div>
-            <div class="grid gap-y-10 mt-5 w-full"> <!-- Добавлен w-full -->
-              <template v-for="event in events.data">
-                <div class="sm:flex rounded-xl w-full"> <!-- Добавлен w-full -->
-                  <div class="grow">
-                    <div class="flex flex-col h-full">
-                      <div class="mb-3">
-                        <p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
-                          {{ event.event_date_start }}
-                        </p>
-                        <a :href="route('client.event.archive', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary hover:underline">
-                          {{ event.category.title }}
-                        </a>
-                      </div>
-                      <Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-primary-hover">
-                        {{ event.title }}
-                      </Link>
-                    </div>
-                  </div>
-                </div>
-              </template>
-            </div>
-            <BasicPagination :links="events.links" />
           </div>
         </div>
+        <div class="grid gap-y-10 mt-5 w-full"> <!-- Добавлен w-full -->
+          <template v-for="event in events.data">
+            <div class="sm:flex rounded-xl w-full"> <!-- Добавлен w-full -->
+              <div class="grow">
+                <div class="flex flex-col h-full">
+                  <div class="mb-3">
+                    <p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
+                      {{ event.event_date_start }}
+                    </p>
+                    <a :href="route('client.event.archive', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary hover:underline">
+                      {{ event.category.title }}
+                    </a>
+                  </div>
+                  <Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-primary-hover">
+                    {{ event.title }}
+                  </Link>
+                </div>
+              </div>
+            </div>
+          </template>
+        </div>
+        <BasicPagination :links="events.links" />
       </div>
-    </main>
+
+    </BasicPageContainer>
     <BasicFooter />
-  </div>
+  </BasicPageWrapper>
+
+
 </template>
 
 <style scoped>
diff --git a/resources/js/Pages/Client/Events/Index.vue b/resources/js/Pages/Client/Events/Index.vue
index 2fa8715..cf2e274 100644
--- a/resources/js/Pages/Client/Events/Index.vue
+++ b/resources/js/Pages/Client/Events/Index.vue
@@ -10,11 +10,18 @@ import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
 import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
 import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
 import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BackButton from "@/componentss/ui/buttons/BackButton.vue";
+import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
+import BasicTitle from "@/componentss/ui/titles/BasicTitle.vue";
+import EventItemBreadcrumbs from "@/componentss/features/events/components/EventItemBreadcrumbs.vue";
 
 
 export default {
 	name: "Index",
 	components: {
+    EventItemBreadcrumbs, BasicTitle, Builder, BackButton, BasicPageWrapper, BasicPageContainer,
     BasicListBadge,
     CategoryFilter,
     IsOnlineFilter,
@@ -66,73 +73,70 @@ export default {
 	<MetaTags :seo="seo" />
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-				<div class="pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-md">
-					<div>
-						<EventListBreadcrumbs :breadcrumbs="breadcrumbs" />
-						<div class="space-y-5 md:space-y-4">
-							<div class="flex items-center w-full justify-center">
-								<h1 class="block text-brand-primary text-center mb-3 mt-2 mr-4 text-3xl font-semibold tracking-tight dark:text-white lg:text-[40px] lg:leading-tight">
-									Мероприятия НТГСПИ
-								</h1>
-                <BasicListFilter>
-                  <IsOnlineFilter :is_online_filter="filters.is_online_filter" />
-                  <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
-                </BasicListFilter>
 
-							</div>
+  <BasicPageWrapper>
+    <BasicPageContainer breakpoint="md">
+      <div>
+        <EventListBreadcrumbs :breadcrumbs="breadcrumbs" />
+        <div class="space-y-5 md:space-y-4">
+          <div class="flex items-center w-full justify-center">
+            <h1 class="block text-brand-primary text-center mb-3 mt-2 mr-4 text-3xl font-semibold tracking-tight dark:text-white lg:text-[40px] lg:leading-tight">
+              Мероприятия НТГСПИ
+            </h1>
+            <BasicListFilter>
+              <IsOnlineFilter :is_online_filter="filters.is_online_filter" />
+              <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
+            </BasicListFilter>
 
-							<div class="my-10 justify-center flex gap-x-3 items-center">
-								<h3 class="font-light text-xl">Мероприятия на </h3>
-								<div class="shadow-sm w-[35px]">
-									<div class="block w-[35px] h-[8px] bg-red-400 rounded-t"></div>
-									<div class="block w-[35px] h-[27px] bg-white text-center font-medium">{{ currentDate.day }}</div>
-								</div>
-								<h3 class="font-light text-xl">{{ currentDate.month }}</h3>
-							</div>
-							<div class="space-y-5 md:space-y-4">
-								<div>
-									<EventListSelectDate :current-date="currentDate.fullDate" :dates="eventDates"/>
-								</div>
+          </div>
 
-							</div>
-              <div v-if="hasActiveFilters">
-                <h3 class="text-sm text-gray-500 mb-4">Найдено мероприятий: {{ events.data.length }}</h3>
-                <div class="flex-wrap flex gap-3 md:items-center">
-                  <BasicListBadge :filters="filters" />
+          <div class="my-10 justify-center flex gap-x-3 items-center">
+            <h3 class="font-light text-xl">Мероприятия на </h3>
+            <div class="shadow-sm w-[35px]">
+              <div class="block w-[35px] h-[8px] bg-red-400 rounded-t"></div>
+              <div class="block w-[35px] h-[27px] bg-white text-center font-medium">{{ currentDate.day }}</div>
+            </div>
+            <h3 class="font-light text-xl">{{ currentDate.month }}</h3>
+          </div>
+          <div class="space-y-5 md:space-y-4">
+            <div>
+              <EventListSelectDate :current-date="currentDate.fullDate" :dates="eventDates"/>
+            </div>
+
+          </div>
+          <div v-if="hasActiveFilters">
+            <h3 class="text-sm text-gray-500 mb-4">Найдено мероприятий: {{ events.data.length }}</h3>
+            <div class="flex-wrap flex gap-3 md:items-center">
+              <BasicListBadge :filters="filters" />
+            </div>
+          </div>
+        </div>
+        <div class="grid gap-y-10 mt-10">
+          <template v-for="event in events.data">
+            <div class="sm:flex rounded-xl">
+              <div class="grow">
+                <div class="flex flex-col h-full">
+                  <div class="mb-3">
+                    <p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
+                      {{ event.event_time_start }}
+                    </p>
+
+                    <a :href="route('client.event.index', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary hover:underline">
+                      {{ event.category.title }}
+                    </a>
+                  </div>
+                  <Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-primary-hover">
+                    {{ event.title }}
+                  </Link>
                 </div>
               </div>
-						</div>
-						<div class="grid gap-y-10 mt-10">
-							<template v-for="event in events.data">
-								<div class="sm:flex rounded-xl">
-									<div class="grow">
-										<div class="flex flex-col h-full">
-											<div class="mb-3">
-												<p class="inline-flex mr-2 items-center gap-1.5 py-1.5 rounded-md text-[12px] text-gray-600">
-													{{ event.event_time_start }}
-												</p>
-
-												<a :href="route('client.event.index', { 'category[]': event.category.slug })" v-if="event.category" class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary hover:underline">
-													{{ event.category.title }}
-												</a>
-											</div>
-											<Link :href="route('client.event.show', event.slug)" class="text-lg sm:text-2xl font-semibold text-gray-800 hover:text-primary-hover">
-												{{ event.title }}
-											</Link>
-										</div>
-									</div>
-								</div>
-							</template>
-						</div>
-					</div>
-				</div>
-			</div>
-		</main>
-		<BasicFooter />
-	</div>
+            </div>
+          </template>
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
 </template>
 
diff --git a/resources/js/Pages/Client/Events/Show.vue b/resources/js/Pages/Client/Events/Show.vue
index c49951e..ced89de 100644
--- a/resources/js/Pages/Client/Events/Show.vue
+++ b/resources/js/Pages/Client/Events/Show.vue
@@ -7,10 +7,15 @@ import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import EventItemBreadcrumbs from "@/componentss/features/events/components/EventItemBreadcrumbs.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
+import ProgramItemBreadcrumbs from "@/componentss/features/educationalPrograms/components/ProgramItemBreadcrumbs.vue";
 
 export default {
 	name: "Show",
 	components: {
+    ProgramItemBreadcrumbs, ProgramTitle, BasicPageWrapper, BasicPageContainer,
     MetaTags,
     BasicFooter,
     Builder,
@@ -56,57 +61,51 @@ export default {
 
 <template>
 	<MetaTags :seo="seo" />
-
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mx-auto mt-[67px] max-w-screen-xl py-10 md:flex md:flex-row md:py-10">
-				<div class="max-w-4xl px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full">
-					<div>
-						<div class="space-y-5 md:space-y-10">
-							<div class="space-y-3">
-								<EventItemBreadcrumbs :breadcrumbs="breadcrumbs" :event-title="event.data.title" />
-								<BackButton link="client.event.index" title="Все мероприятия" />
-								<BasicTitle :header="event.data.title" />
-							</div>
 
-							<div class="flex gap-x-3 text-gray-500 ">
-								<div class="flex items-center gap-3">
-									<div>
-                    <div class="flex items-center flex-wrap gap-2 text-sm">
-                      <a :href="route('client.event.index', { 'is_online': 'online' })"
-                         v-if="event.data.is_online === 1"
-                         class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-primary">
-                        Онлайн
-                      </a>
-                      <a :href="route('client.event.index', { 'category[]': event.data.category.slug })"
-                         v-if="event.data.category"
-                         class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-primary">
-                        {{ event.data.category.title }}
-                      </a>
-                      <div class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary">
-                        <span>Дата начала: {{ event.data.event_date_start }}, {{ event.data.event_time_start }}</span>
-                      </div>
-                      <div class="md:flex md:items-center md:justify-center w-full md:w-auto">
-                        <span>Адрес: {{ event.data.address }}</span>
-                      </div>
-                    </div>
-                  </div>
-								</div>
-							</div>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="space-y-5 md:space-y-10">
+        <div class="space-y-3">
+          <BackButton link="client.event.index" title="Все мероприятия" />
+          <EventItemBreadcrumbs :breadcrumbs="breadcrumbs" :event-title="event.data.title" />
+          <BasicTitle :header="event.data.title" />
+        </div>
 
-							<div class="gap-y-3 md:gap-y-4">
-								<Builder :blocks="event.data.content"/>
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
+        <div class="flex gap-x-3 text-gray-500 ">
+          <div class="flex items-center gap-3">
+            <div>
+              <div class="flex items-center flex-wrap gap-2 text-sm">
+                <a :href="route('client.event.index', { 'is_online': 'online' })"
+                   v-if="event.data.is_online === 1"
+                   class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-primary">
+                  Онлайн
+                </a>
+                <a :href="route('client.event.index', { 'category[]': event.data.category.slug })"
+                   v-if="event.data.category"
+                   class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] hover:underline text-primary">
+                  {{ event.data.category.title }}
+                </a>
+                <div class="inline-flex items-center py-1.5 px-3 rounded-md text-xs font-medium bg-[#E9F2FE] text-primary">
+                  <span>Дата начала: {{ event.data.event_date_start }}, {{ event.data.event_time_start }}</span>
+                </div>
+                <div class="md:flex md:items-center md:justify-center w-full md:w-auto">
+                  <span>Адрес: {{ event.data.address }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="gap-y-3 md:gap-y-4">
+          <Builder :blocks="event.data.content"/>
+        </div>
+      </div>
+
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-			</div>
-		</main>
-		<BasicFooter />
-	</div>
 </template>
 
 <style>
diff --git a/resources/js/Pages/Client/Faculties/Index.vue b/resources/js/Pages/Client/Faculties/Index.vue
index 6ab25be..c67eff4 100644
--- a/resources/js/Pages/Client/Faculties/Index.vue
+++ b/resources/js/Pages/Client/Faculties/Index.vue
@@ -6,10 +6,30 @@ import FacultyListBreadcrumbs from "@/componentss/features/faculties/components/
 import BasicFooter from "@/footers/BasicFooter.vue";
 import BasicTitle from "@/componentss/ui/titles/BasicTitle.vue";
 import FacultyListTitle from "@/componentss/features/faculties/components/FacultyListTitle.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 
 export default {
   name: "Index",
   components: {
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     FacultyListTitle,
     BasicTitle,
     BasicFooter,
@@ -43,60 +63,42 @@ export default {
 <template>
 	<MetaTags :seo="seo" />
 
-	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
+	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mx-auto mt-[67px] max-w-screen-xl py-10 md:flex md:flex-row md:py-10">
-				<div class="px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-xl">
-					<div>
-						<!-- Avatar Media -->
-						<!-- End Avatar Media -->
-						<!-- Content -->
-						<div class="space-y-5 md:space-y-4">
-							<div class="space-y-5 md:space-y-4">
-								<!-- Card Section -->
-								<div class="max-w-[85rem] px-0 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-                  <FacultyListTitle
-                      bottom-text="Информация о наших факультетах и кафедрах"
-                      header="Факультеты и кафедры" />
-									<FacultyListBreadcrumbs />
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <FacultyListTitle
+          bottom-text="Информация о наших факультетах и кафедрах"
+          header="Факультеты и кафедры" />
+      <FacultyListBreadcrumbs />
 
-									<!-- Grid -->
-									<div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-3 sm:gap-6">
-										<template v-for="faculty in faculties.data">
-											<Link :href="route('client.faculty.show', faculty.slug)" class="group flex flex-col bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" >
-												<div class="p-4 md:p-5">
-													<div class="flex justify-between items-center gap-x-3">
-														<div class="grow">
-															<h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
-																{{ faculty.shortTitle }}
-															</h3>
-															<p class="text-sm text-gray-500">
-																{{ faculty.title }}
-															</p>
-														</div>
-														<div>
-															<svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-														</div>
-													</div>
-												</div>
-											</Link>
-										</template>
+      <!-- Grid -->
+      <div class="grid sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-3 gap-3 sm:gap-6">
+        <template v-for="faculty in faculties.data">
+          <Link :href="route('client.faculty.show', faculty.slug)" class="group flex flex-col bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition" >
+            <div class="p-4 md:p-5">
+              <div class="flex justify-between items-center gap-x-3">
+                <div class="grow">
+                  <h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
+                    {{ faculty.shortTitle }}
+                  </h3>
+                  <p class="text-sm text-gray-500">
+                    {{ faculty.title }}
+                  </p>
+                </div>
+                <div>
+                  <svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
+                </div>
+              </div>
+            </div>
+          </Link>
+        </template>
+
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-									</div>
-									<!-- End Grid -->
-								</div>
-								<!-- End Card Section -->
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-		<BasicFooter />
-	</div>
 </template>
 
 <style scoped></style>
diff --git a/resources/js/Pages/Client/Faculties/Show.vue b/resources/js/Pages/Client/Faculties/Show.vue
index 8519c6a..8ed11fe 100644
--- a/resources/js/Pages/Client/Faculties/Show.vue
+++ b/resources/js/Pages/Client/Faculties/Show.vue
@@ -1,137 +1,135 @@
 <template>
 	<MetaTags :seo="seo" />
 
+  <MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen justify-between">
-		<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
+  <BasicPageWrapper>
+    <div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 
-		<div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
+      <NavigateVisor />
 
-			<div class="w-full h-[67px] pointer-events-none fixed" id="visor"></div>
+      <div class="sticky top-[110px] hidden h-[calc(100vh-110px)] max-w-[20%] md:flex md:shrink-0 md:flex-col md:justify-between">
+        <nav v-if="faculties"
+             class="flex h-[calc(100vh-200px)] flex-col overflow-hidden pr-2 pb-4">
+          <div class="text-gray-1000 mb-2 text-md font-medium">Факультеты</div>
+          <div class="flex gap-x-1">
+            <ul class="px-0.5 last-of-type:mb-0 mb-8">
+              <li v-for="faculty in faculties.data" :key="faculty.id" class="my-1.5 flex">
+                <a :class="{'text-white hover:text-gray-200 font-semibold bg-[#135aae]': isSameRoute(route('client.faculty.show', faculty.slug)), 'text-gray-600 hover:text-[#2C6288]': !isSameRoute(route('client.faculty.show', faculty.id)) }"
+                   :href="route('client.faculty.show', faculty.slug) + '/'"
+                   class="relative duration-300 flex w-full rounded-md cursor-pointer items-center px-2 py-1 text-left text-sm">{{
+                    faculty.title
+                  }}</a>
+              </li>
+            </ul>
+          </div>
+
+        </nav>
+      </div>
+
+      <nav class="order-last hidden w-56 shrink-0 lg:block">
+        <div class="sticky top-[110px] h-[calc(100vh-110px)]">
+          <div class="text-gray-1000 mb-2 text-md font-medium">На этой странице</div>
+          <ul class="max-h-[70vh] space-y-1.5 overflow-hidden py-2 text-sm">
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'persons', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'persons' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#persons">Состав</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'department', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'department' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#department">Кафедры факультета</a>
+            </li>
+            <li class="anchor-li">
+              <a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'description', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'description' }"
+                 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
+                 href="#description">Описание</a>
+            </li>
+
+            <transition name="fade">
+              <li class="anchor-li flex items-center py-2 border-t" v-if="scrollTop" @click.prevent="scrollToTop">
+                <button class="bg-transperant text-gray-600 cursor-pointer hover:text-gray-900 duration-300 block px-2 leading-[1.6] rounded-md">К началу</button>
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[17px] text-gray-600">
+                  <path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+              </li>
+            </transition>
+          </ul>
+        </div>
+      </nav>
+
+      <article class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
+        <div class="space-y-5 md:space-y-5">
+          <div class="flex justify-between items-center mb-6">
+            <div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
+              <div class="grow">
+                <div class="grid sm:flex sm:justify-between sm:items-center gap-2">
+                  <FacultyItemBreadcrumbs :faculty-title="faculty.data.title" />
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="space-y-3">
+            <h1 class="text-2xl mb-10 font-bold md:text-3xl">{{ faculty.data.title }}</h1>
+          </div>
+
+          <div id="page-area" class="space-y-5 md:space-y-5">
+
+            <h2 id="persons" class="font-bold text-xl">Состав</h2>
 
 
-			<div class="sticky top-[110px] hidden h-[calc(100vh-110px)] max-w-[20%] md:flex md:shrink-0 md:flex-col md:justify-between">
-				<nav v-if="faculties"
-						 class="flex h-[calc(100vh-200px)] flex-col overflow-hidden pr-2 pb-4">
-					<div class="text-gray-1000 mb-2 text-md font-medium">Факультеты</div>
-					<div class="flex gap-x-1">
-						<ul class="px-0.5 last-of-type:mb-0 mb-8">
-							<li v-for="faculty in faculties.data" :key="faculty.id" class="my-1.5 flex">
-								<a :class="{'text-white hover:text-gray-200 font-semibold bg-[#135aae]': isSameRoute(route('client.faculty.show', faculty.slug)), 'text-gray-600 hover:text-[#2C6288]': !isSameRoute(route('client.faculty.show', faculty.id)) }"
-									 :href="route('client.faculty.show', faculty.slug) + '/'"
-									 class="relative duration-300 flex w-full rounded-md cursor-pointer items-center px-2 py-1 text-left text-sm">{{
-										faculty.title
-									}}</a>
-							</li>
-						</ul>
-					</div>
-
-				</nav>
-			</div>
-
-			<nav class="order-last hidden w-56 shrink-0 lg:block">
-				<div class="sticky top-[110px] h-[calc(100vh-110px)]">
-					<div class="text-gray-1000 mb-2 text-md font-medium">На этой странице</div>
-					<ul class="max-h-[70vh] space-y-1.5 overflow-hidden py-2 text-sm">
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'persons', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'persons' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#persons">Состав</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'department', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'department' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#department">Кафедры факультета</a>
-						</li>
-						<li class="anchor-li">
-							<a :class="{ 'translate-x-2 text-primary-light' : currentNavSection  === 'description', 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'description' }"
-								 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-								 href="#description">Описание</a>
-						</li>
-
-						<transition name="fade">
-							<li class="anchor-li flex items-center py-2 border-t" v-if="scrollTop" @click.prevent="scrollToTop">
-								<button class="bg-transperant text-gray-600 cursor-pointer hover:text-gray-900 duration-300 block px-2 leading-[1.6] rounded-md">К началу</button>
-								<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-[17px] text-gray-600">
-									<path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-								</svg>
-							</li>
-						</transition>
-					</ul>
-				</div>
-			</nav>
-
-			<article class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
-				<div class="space-y-5 md:space-y-5">
-					<div class="flex justify-between items-center mb-6">
-						<div class="flex w-full sm:items-center gap-x-5 sm:gap-x-3">
-							<div class="grow">
-								<div class="grid sm:flex sm:justify-between sm:items-center gap-2">
-									<FacultyItemBreadcrumbs :faculty-title="faculty.data.title" />
-								</div>
-							</div>
-						</div>
-					</div>
-
-					<div class="space-y-3">
-						<h1 class="text-2xl mb-10 font-bold md:text-3xl">{{ faculty.data.title }}</h1>
-					</div>
-
-					<div id="page-area" class="space-y-5 md:space-y-5">
-
-						<h2 id="persons" class="font-bold text-xl">Состав</h2>
+            <template v-for="worker in faculty.data.workers">
+              <FacultyWorkerCard :worker="worker" />
+            </template>
 
 
-						<template v-for="worker in faculty.data.workers">
-							<FacultyWorkerCard :worker="worker" />
-						</template>
-
-
-						<!-- End FAQ -->
+            <!-- End FAQ -->
 
 
 
-						<h2 id="department" class="font-bold text-xl">Кафедры факультета</h2>
+            <h2 id="department" class="font-bold text-xl">Кафедры факультета</h2>
 
-						<!-- Card Section -->
-						<!-- Grid -->
-						<div class="grid sm:grid-cols-2 md:grid-cols-2 xl:grid-cols-2 gap-3 sm:gap-6">
-							<template v-for="department in faculty.data.departments">
+            <!-- Card Section -->
+            <!-- Grid -->
+            <div class="grid sm:grid-cols-2 md:grid-cols-2 xl:grid-cols-2 gap-3 sm:gap-6">
+              <template v-for="department in faculty.data.departments">
 
-								<Link :href="route('client.department.show', { facultySlug: faculty.data.slug, departmentSlug: department.slug })" class="flex justify-center items-center bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition">
-									<div class="p-4 md:p-5">
-										<div class="flex justify-between items-center gap-x-3">
-											<div class="grow">
-												<h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
-													{{ department.title }}
-												</h3>
-											</div>
-											<div>
-												<svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
-											</div>
-										</div>
-									</div>
-								</Link>
-							</template>
+                <Link :href="route('client.department.show', { facultySlug: faculty.data.slug, departmentSlug: department.slug })" class="flex justify-center items-center bg-white border shadow-sm rounded-xl hover:shadow-md focus:outline-none focus:shadow-md transition">
+                  <div class="p-4 md:p-5">
+                    <div class="flex justify-between items-center gap-x-3">
+                      <div class="grow">
+                        <h3 class="group-hover:text-primary-hover font-semibold text-gray-800">
+                          {{ department.title }}
+                        </h3>
+                      </div>
+                      <div>
+                        <svg class="shrink-0 size-5 text-gray-800" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
+                      </div>
+                    </div>
+                  </div>
+                </Link>
+              </template>
 
-						</div>
+            </div>
 
-						<h2 id="description" class="font-bold text-xl">Описание</h2>
+            <h2 id="description" class="font-bold text-xl">Описание</h2>
 
 
-						<div class="space-y-3 md:space-y-4">
-							<Builder :blocks="faculty.data.content "/>
-						</div>
+            <div class="space-y-3 md:space-y-4">
+              <Builder :blocks="faculty.data.content "/>
+            </div>
 
-					</div>
+          </div>
 
 
-				</div>
-			</article>
-		</div>
+        </div>
+      </article>
+    </div>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-		<BasicFooter />
-	</div>
 
 
 
@@ -150,6 +148,17 @@ import BasicFooter from "@/footers/BasicFooter.vue";
 import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
 import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import FacultyItemBreadcrumbs from "@/componentss/features/faculties/components/FacultyItemBreadcrumbs.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
+import NavigateVisor from "@/componentss/shared/visor/NavigateVisor.vue";
 
 
 export default {
@@ -174,6 +183,17 @@ export default {
 	},
 
 	components: {
+    NavigateVisor,
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     MetaTags,
     Builder,
     BasicFooter,
diff --git a/resources/js/Pages/Client/Persons/Show.vue b/resources/js/Pages/Client/Persons/Show.vue
index 52c8742..b9a564b 100644
--- a/resources/js/Pages/Client/Persons/Show.vue
+++ b/resources/js/Pages/Client/Persons/Show.vue
@@ -1,30 +1,31 @@
 <template>
 	<MetaTags :seo="seo" />
 
-
-	<div class="flex flex-col h-screen">
-		<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-
-				<NavigateLinks :header-navs="headerNavs" />
+  <MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
 
-				<section class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
-					<div class="w-full mx-auto sm:px-6 lg:px-8">
+  <BasicPageWrapper>
+    <main class="flex-grow">
+      <div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
 
-						<PersonBreadcrumbs class="mb-4" :person-name="person.data.name" />
+        <NavigateLinks :header-navs="headerNavs" />
+        <section class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
+          <div class="w-full mx-auto sm:px-6 lg:px-8">
+
+            <PersonBreadcrumbs class="mb-4" :person-name="person.data.name" />
+
+            <InfoSection :person="person" />
+
+          </div>
+        </section>
+      </div>
+    </main>
+
+    <BasicFooter />
+  </BasicPageWrapper>
 
-						<InfoSection :person="person" />
 
-					</div>
-				</section>
-			</div>
-		</main>
 
-		<BasicFooter />
-	</div>
 
 
 </template>
@@ -41,6 +42,16 @@ import NavigateLinks from "@/componentss/shared/navigate/NavigateLinks.vue";
 import PersonBreadcrumbs from "@/componentss/features/persons/components/PersonBreadcrumbs.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import InfoSection from "@/componentss/features/persons/components/sections/InfoSection.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 
 
 export default {
@@ -63,6 +74,16 @@ export default {
 	},
 
 	components: {
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     InfoSection,
     BasicFooter,
     NavigateLinks,
diff --git a/resources/js/Pages/Client/Posts/Index.vue b/resources/js/Pages/Client/Posts/Index.vue
index 20b0c1c..b92c3e2 100644
--- a/resources/js/Pages/Client/Posts/Index.vue
+++ b/resources/js/Pages/Client/Posts/Index.vue
@@ -13,9 +13,16 @@ import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter
 import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
 import TagFilter from "@/componentss/shared/filter/filters/TagFilter.vue";
 import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
 export default {
   name: "Index",
   components: {
+    EventListSearch, IsOnlineFilter, BasicPagination, EventArchiveListBreadcrumbs, BasicPageWrapper, BasicPageContainer,
     BasicListBadge,
     TagFilter,
     CategoryFilter,
@@ -73,72 +80,51 @@ export default {
 	<MetaTags :seo="seo" />
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mx-auto mt-[67px] max-w-screen-xl py-10 md:flex md:flex-row md:py-10">
-				<div class="pt-6 px-4 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-lg">
-					<div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
-						<h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Новости НТГСПИ</h2>
-						<p class="mt-1 text-gray-600 dark:text-neutral-400">Узнайте последние новости любимого вуза</p>
-					</div>
-					<PostListBreadcrumbs :breadcrumbs="breadcrumbs" />
-					<div>
-						<HeadItemsWrapper>
-							<PostListSearch :search_filter="filters.search_filter" />
-              <BasicListFilter>
-                <SortingByFilter :sortingBy_filter="filters.sortingBy_filter" />
-                <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
-                <TagFilter :tags="tags" :tag_filter="filters.tag_filter" />
-              </BasicListFilter>
-						</HeadItemsWrapper>
+
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="max-w-2xl text-center mx-auto mb-10 lg:mb-14">
+        <h2 class="text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Новости НТГСПИ</h2>
+        <p class="mt-1 text-gray-600 dark:text-neutral-400">Узнайте последние новости любимого вуза</p>
+      </div>
+      <PostListBreadcrumbs :breadcrumbs="breadcrumbs" />
+      <div>
+        <HeadItemsWrapper>
+          <PostListSearch :search_filter="filters.search_filter" />
+          <BasicListFilter>
+            <SortingByFilter :sortingBy_filter="filters.sortingBy_filter" />
+            <CategoryFilter :categories="categories" :category_filter="filters.category_filter" />
+            <TagFilter :tags="tags" :tag_filter="filters.tag_filter" />
+          </BasicListFilter>
+        </HeadItemsWrapper>
 
 
-						<div>
-							<h3 class="text-sm text-gray-500 mb-4">Найдено новостей: {{ posts.meta.total }}</h3>
-							<div v-if="hasActiveFilters" class="flex-wrap flex gap-3 md:items-center">
-								<BasicListBadge :filters="filters" />
-							</div>
-						</div>
+        <div>
+          <h3 class="text-sm text-gray-500 mb-4">Найдено новостей: {{ posts.meta.total }}</h3>
+          <div v-if="hasActiveFilters" class="flex-wrap flex gap-3 md:items-center">
+            <BasicListBadge :filters="filters" />
+          </div>
+        </div>
 
-						<div class="space-y-5 md:space-y-4">
-							<div class="space-y-5 md:space-y-4">
-								<div>
-									<div class="container mx-auto max-w-screen-lg py-5 lg:py-8">
-										<div class="grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-3">
-											<template v-for="post in posts.data" :key="post.id">
-												<PostListItem :post="post" />
-											</template>
-										</div>
-										<div class="mt-10 flex items-center justify-center">
-											<nav class="isolate inline-flex -space-x-px rounded-md shadow-sm" aria-label="Pagination">
-												<Link as="button" :href="posts.links.prev" :disabled="$props.posts.links.prev === null"
-															class="relative inline-flex items-center gap-1 rounded-l-md border border-gray-300 bg-white px-3 py-2 pr-4 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20 disabled:pointer-events-none disabled:opacity-40 dark:border-gray-500 dark:bg-gray-800 dark:text-gray-300">
-													<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-															 stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-3 w-3">
-														<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"></path>
-													</svg>
-													<span>Предыдущая</span></Link>
-												<Link as="button" :href="posts.links.next" :disabled="$props.posts.links.next === null"
-															class="relative inline-flex items-center gap-1 rounded-r-md border border-gray-300 bg-white px-3 py-2 pl-4 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20 disabled:pointer-events-none disabled:opacity-40 dark:border-gray-500 dark:bg-gray-800 dark:text-gray-300">
-													<span>Следующая</span>
-													<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-															 stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-3 w-3">
-														<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
-													</svg>
-												</Link>
-											</nav>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-		<BasicFooter />
-	</div>
+        <div class="space-y-5 md:space-y-4">
+          <div class="space-y-5 md:space-y-4">
+            <div>
+              <div class="container mx-auto max-w-screen-lg py-5 lg:py-8">
+                <div class="grid gap-10 md:grid-cols-2 lg:gap-10 xl:grid-cols-3">
+                  <template v-for="post in posts.data" :key="post.id">
+                    <PostListItem :post="post" />
+                  </template>
+                </div>
+                <BasicPagination :links="posts.links" />
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- End Content -->
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 </template>
 
 <style scoped></style>
diff --git a/resources/js/Pages/Client/Posts/Show.vue b/resources/js/Pages/Client/Posts/Show.vue
index a36a224..0c61d28 100644
--- a/resources/js/Pages/Client/Posts/Show.vue
+++ b/resources/js/Pages/Client/Posts/Show.vue
@@ -11,11 +11,31 @@ import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import MainPageNavBar from "@/Navbars/MainPageNavbar.vue";
 import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 
 
 export default {
 	name: "Show",
 	components: {
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     MetaTags,
     MainPageNavBar,
     BasicFooter,
@@ -64,50 +84,41 @@ export default {
 
 	<ScrollTimeline />
 
-	<MainPageNavBar class="border-b" :sections="$page.props.navigation"></MainPageNavBar>
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-				<div class="max-w-3xl lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full">
-					<div>
-						<div class="space-y-5 md:space-y-10">
-							<div class="space-y-3">
-								<PostItemBreadcrumbs :breadcrumbs="breadcrumbs" :post-title="post.data.title" />
-								<BackButton link="client.post.index" title="Все новости"/>
-								<BasicTitle :header="post.data.title"/>
-							</div>
+	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
+  <BasicPageWrapper>
+    <BasicPageContainer breakpoint="md">
+      <div class="space-y-5 md:space-y-10">
+        <div class="space-y-3">
+          <BackButton link="client.post.index" title="Все новости"/>
+          <PostItemBreadcrumbs :breadcrumbs="breadcrumbs" :post-title="post.data.title" />
+          <BasicTitle :header="post.data.title"/>
+        </div>
 
-							<div class="flex space-x-3 text-gray-500 ">
-								<div class="flex items-center gap-3">
-									<div class="md:flex md:items-center space-y-2 md:space-y-0 md:space-x-4 text-sm">
-										<PostAuthorsList :authors="post.data.authors"/>
-										<time class="block text-gray-500">Опубликовано {{ post.data.created_post }}
-										</time>
-										<PostTimeRead :time="post.data.reading_time"/>
-									</div>
-								</div>
-							</div>
-							<Builder :blocks="blocks"/>
+        <div class="flex space-x-3 text-gray-500 ">
+          <div class="flex items-center gap-3">
+            <div class="md:flex md:items-center space-y-2 md:space-y-0 md:space-x-4 text-sm">
+              <PostAuthorsList :authors="post.data.authors"/>
+              <time class="block text-gray-500">Опубликовано {{ post.data.created_post }}
+              </time>
+              <PostTimeRead :time="post.data.reading_time"/>
+            </div>
+          </div>
+        </div>
+        <Builder :blocks="blocks"/>
 
 
-							<div>
-								<PostGallery v-if="post.data.gallery.length > 1" :title="post.data.title" :images="post.data.gallery"/>
-							</div>
-							<div>
-								<a :href="route('client.post.index', { 'tag[]': tag.slug })" v-for="tag in post.data.tags" class="m-1 inline-flex items-center gap-1.5 py-2 px-3 rounded-full text-sm bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
-									{{ tag.name }}
-								</a>
-							</div>
-						</div>
-
-					</div>
-				</div>
-
-
-			</div>
-		</main>
-		<BasicFooter />
-	</div>
+        <div>
+          <PostGallery v-if="post.data.gallery.length > 1" :title="post.data.title" :images="post.data.gallery"/>
+        </div>
+        <div>
+          <a :href="route('client.post.index', { 'tag[]': tag.slug })" v-for="tag in post.data.tags" class="m-1 inline-flex items-center gap-1.5 py-2 px-3 rounded-full text-sm bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="#">
+            {{ tag.name }}
+          </a>
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 </template>
 
 <style>
diff --git a/resources/js/Pages/Client/Programs/Index.vue b/resources/js/Pages/Client/Programs/Index.vue
index b0e3798..48f67d5 100644
--- a/resources/js/Pages/Client/Programs/Index.vue
+++ b/resources/js/Pages/Client/Programs/Index.vue
@@ -10,10 +10,15 @@ import MetaTags from "@/componentss/shared/SEO/MetaTags.vue";
 import ProgramListBreadcrumbs from "@/componentss/features/educationalPrograms/components/ProgramListBreadcrumbs.vue";
 import BasicFooter from "@/footers/BasicFooter.vue";
 import ProgramLevelEduFilter from "@/componentss/features/educationalPrograms/components/ProgramLevelEduFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import AcademicJournalsListBreadcrumbs
+  from "@/componentss/features/academicJournals/components/AcademicJournalsListBreadcrumbs.vue.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
 
 export default {
   name: "Index",
   components: {
+    BasicPageWrapper, AcademicJournalsListBreadcrumbs, BasicPageContainer,
     ProgramLevelEduFilter,
     FormEducationalFilter,
     DirectionFilter,
@@ -86,60 +91,53 @@ export default {
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="space-y-5 md:space-y-4">
+        <ProgramTitle class="text-center" :header="this.campaignName" />
+        <div class="space-y-5 md:space-y-4 mx-auto max-w-3xl w-full">
+          <div>
+            <div class="">
+              <div class="my-10 w-full">
+                <ProgramListBreadcrumbs />
+                <div class="flex items-center gap-x-2">
+                  <ProgramLevelEduFilter :levels="levelsEducational" :level_filter="filters.level_filter" />
+                  <BasicListFilter>
+                    <BudgetFilter :budget_filter="filters.budget_filter" :budgets="budgetEdu" />
+                    <DirectionFilter :direction_studies="direction_studies" :direction_filter="filters.direction_filter" />
+                    <FormEducationalFilter :formEdu_filter="filters.formEdu_filter" :forms="formsEdu" />
+                  </BasicListFilter>
+                </div>
+              </div>
+            </div>
+            <div class="container py-5 lg:py-4">
+              <div class="w-full mx-auto flex flex-wrap lg:justify-between">
+                <template v-for="naprs in transformToColumns(this.naprs.data)">
+                  <div class="flex flex-col">
+                    <template v-for="napr in naprs">
+                      <div style="height: max-content" class="px-4">
+                        <h1 class="text-brand-primary mb-2 mt-2 text-lg font-semibold upper tracking-tight dark:text-white lg:text-md lg:leading-tight">
+                          {{ napr.name }}
+                        </h1>
+                        <template v-for="program in napr.programs" :key="program.id">
+                          <Link
+                              class="block text-primary hover:text-primary-hover duration-200 text-sm underline underline-offset-2 py-1"
+                              :href="route('client.program.show', program.slug)">{{ program.name }}
+                          </Link>
+                        </template>
+                      </div>
+                    </template>
+                  </div>
+                </template>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:py-10">
-				<div class="">
-					<div class="">
-						<div class="space-y-5 md:space-y-4">
-							<ProgramTitle class="text-center" :header="this.campaignName" />
-							<div class="space-y-5 md:space-y-4 mx-auto max-w-3xl w-full">
-								<div>
-									<div class="">
-										<div class="my-10 w-full">
-											<ProgramListBreadcrumbs />
-											<div class="flex items-center gap-x-2">
-												<ProgramLevelEduFilter :levels="levelsEducational" :level_filter="filters.level_filter" />
-                        <BasicListFilter>
-                          <BudgetFilter :budget_filter="filters.budget_filter" :budgets="budgetEdu" />
-                          <DirectionFilter :direction_studies="direction_studies" :direction_filter="filters.direction_filter" />
-                          <FormEducationalFilter :formEdu_filter="filters.formEdu_filter" :forms="formsEdu" />
-                        </BasicListFilter>
-											</div>
-										</div>
-									</div>
-									<div class="container py-5 lg:py-4">
-										<div class="w-full mx-auto flex flex-wrap lg:justify-between">
-											<template v-for="naprs in transformToColumns(this.naprs.data)">
-												<div class="flex flex-col">
-													<template v-for="napr in naprs">
-														<div style="height: max-content" class="px-4">
-															<h1 class="text-brand-primary mb-2 mt-2 text-lg font-semibold upper tracking-tight dark:text-white lg:text-md lg:leading-tight">
-																{{ napr.name }}
-															</h1>
-															<template v-for="program in napr.programs" :key="program.id">
-																<Link
-																		class="block text-primary hover:text-primary-hover duration-200 text-sm underline underline-offset-2 py-1"
-																		:href="route('client.program.show', program.slug)">{{ program.name }}
-																</Link>
-															</template>
-														</div>
-													</template>
-												</div>
-											</template>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</main>
-
-		<BasicFooter />
-	</div>
 
 </template>
 
diff --git a/resources/js/Pages/Client/Programs/Show.vue b/resources/js/Pages/Client/Programs/Show.vue
index 8d84e0f..e1e97f5 100644
--- a/resources/js/Pages/Client/Programs/Show.vue
+++ b/resources/js/Pages/Client/Programs/Show.vue
@@ -11,6 +11,8 @@ import ProgramItemBreadcrumbs from "@/componentss/features/educationalPrograms/c
 import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
 import BudgetEducation from "@/Enum/BudgetEducation.js";
 import TypeExam from "@/Enum/TypeExam.js";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
 
 
 export default {
@@ -47,6 +49,8 @@ export default {
     }
   },
   components: {
+    BasicPageContainer,
+    BasicPageWrapper,
     ProgramTitle,
     BasicTitle,
     MetaTags,
@@ -76,169 +80,146 @@ export default {
 
 	<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-	<div class="flex flex-col h-screen">
-		<main class="flex-grow">
-			<div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
-				<div class="px-0 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-2xl">
-					<div>
+  <BasicPageWrapper>
+    <BasicPageContainer>
+      <div class="space-y-3">
+        <BackButton link="client.program.index" title="Все программы" />
+        <ProgramItemBreadcrumbs :program-title="program.data.name" />
+        <ProgramTitle class="text-center" :header="program.data.name" />
+      </div>
+      <div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
+        <div class="grid sm:grid-cols-2 lg:grid-cols-3 items-start gap-12">
+          <!-- Icon Block -->
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
+              </svg>
+            </div>
 
-						<div class="space-y-5 md:space-y-4">
-							<div class="space-y-5 md:space-y-4">
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Направление подготовки</h3>
+              <p class="mt-1 text-gray-600">{{ program.data.directionStudy.name }} {{ program.data.directionStudy.code }}</p>
+            </div>
+          </div>
+          <!-- End Icon Block -->
 
-								<div>
-									<div class="container mx-auto xl:px-5 max-w-screen-lg py-5 lg:py-8">
-										<div class="space-y-3">
-											<BackButton link="client.program.index" title="Все программы" />
-											<ProgramItemBreadcrumbs :program-title="program.data.name" />
-											<ProgramTitle class="text-center" :header="program.data.name" />
+          <!-- Icon Block -->
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
+              </svg>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Срок обучения</h3>
+              <template v-for="data in program.data.learning_forms">
+                <p class="mt-1 text-gray-600">{{ data.period_data }} <span class="text-gray-400 text-[12px]">({{ data.form_edu }})</span> </p>
+              </template>
+            </div>
+          </div>
+          <!-- End Icon Block -->
 
-										</div>
+          <!-- Icon Block -->
+          <div class="text-center">
+            <div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
+              </svg>
+            </div>
+            <div class="mt-3">
+              <h3 class="text-lg font-semibold text-gray-800">Количество мест на прием</h3>
+              <template v-for="admissionPlan in program.data.admissionPlans">
+                <template v-for="(contests, form) in groupContestsByFormEducation(admissionPlan.contests)">
+                  <div class="border rounded my-2 py-1">
+                    <span class="text-gray-500 text-[14px]">{{ EducationForm.fromValue(form).label }}</span>
+                    <template v-for="contest in contests">
+                      <p class="mt-1 text-gray-600"> {{ contest.places.count }} мест <span class="text-gray-400 text-[12px]">{{ BudgetForm.fromValue(contest.places.form_budget).label  }}</span></p>
+                    </template>
 
-										<!-- Icon Blocks -->
-										<div class="max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto">
-											<div class="grid sm:grid-cols-2 lg:grid-cols-3 items-start gap-12">
-												<!-- Icon Block -->
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" />
-														</svg>
-													</div>
-
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Направление подготовки</h3>
-														<p class="mt-1 text-gray-600">{{ program.data.directionStudy.name }} {{ program.data.directionStudy.code }}</p>
-													</div>
-												</div>
-												<!-- End Icon Block -->
-
-												<!-- Icon Block -->
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
-														</svg>
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Срок обучения</h3>
-														<template v-for="data in program.data.learning_forms">
-															<p class="mt-1 text-gray-600">{{ data.period_data }} <span class="text-gray-400 text-[12px]">({{ data.form_edu }})</span> </p>
-														</template>
-													</div>
-												</div>
-												<!-- End Icon Block -->
-
-												<!-- Icon Block -->
-												<div class="text-center">
-													<div class="flex justify-center items-center size-12 bg-gray-50 border border-gray-200 rounded-full mx-auto">
-														<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
-															<path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
-														</svg>
-													</div>
-													<div class="mt-3">
-														<h3 class="text-lg font-semibold text-gray-800">Количество мест на прием</h3>
-														<template v-for="admissionPlan in program.data.admissionPlans">
-															<template v-for="(contests, form) in groupContestsByFormEducation(admissionPlan.contests)">
-																<div class="border rounded my-2 py-1">
-                                  <span class="text-gray-500 text-[14px]">{{ EducationForm.fromValue(form).label }}</span>
-                                  <template v-for="contest in contests">
-                                    <p class="mt-1 text-gray-600"> {{ contest.places.count }} мест <span class="text-gray-400 text-[12px]">{{ BudgetForm.fromValue(contest.places.form_budget).label  }}</span></p>
-                                  </template>
-
-                                </div>
-															</template>
-														</template>
-													</div>
-												</div>
-												<!-- End Icon Block -->
-											</div>
-										</div>
-
-										<div>
-											<div class="hs-accordion-group">
-												<div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-one">
-													<button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-two">
-														<svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-															<path d="M12 5v14"></path>
-														</svg>
-														<svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-														</svg>
-														Условия поступления
-													</button>
-													<div id="hs-basic-bordered-collapse-two" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-two">
-														<div class="pb-4 px-5">
-                              <ol class="list-decimal list-inside">
-                                <template v-for="admissionPlan in program.data.admissionPlans">
-                                  <template v-for="(exams, priority) in groupExamsByPriority(admissionPlan.exams)">
-                                    <li>
-                                      <template v-for="(exam, index) in exams">
-                                        {{ exam.title }}
-                                        <span v-for="ex in exam.types" class="text-gray-400 text-[14px]">
+                  </div>
+                </template>
+              </template>
+            </div>
+          </div>
+          <!-- End Icon Block -->
+        </div>
+      </div>
+      <div>
+        <div class="hs-accordion-group">
+          <div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-one">
+            <button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-two">
+              <svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+                <path d="M12 5v14"></path>
+              </svg>
+              <svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+              </svg>
+              Условия поступления
+            </button>
+            <div id="hs-basic-bordered-collapse-two" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-two">
+              <div class="pb-4 px-5">
+                <ol class="list-decimal list-inside">
+                  <template v-for="admissionPlan in program.data.admissionPlans">
+                    <template v-for="(exams, priority) in groupExamsByPriority(admissionPlan.exams)">
+                      <li>
+                        <template v-for="(exam, index) in exams">
+                          {{ exam.title }}
+                          <span v-for="ex in exam.types" class="text-gray-400 text-[14px]">
             ({{ TypeExam.fromValue(ex.type).label }}, минимальный балл: {{ ex.min_ball }})
           </span>
-                                        <span class="text-gray-400 text-[14px] uppercase" v-if="index !== exams.length - 1"><br> или </span>
-                                      </template>
-                                    </li>
-                                  </template>
-                                </template>
-                              </ol>
-                            </div>
-													</div>
-												</div>
+                          <span class="text-gray-400 text-[14px] uppercase" v-if="index !== exams.length - 1"><br> или </span>
+                        </template>
+                      </li>
+                    </template>
+                  </template>
+                </ol>
+              </div>
+            </div>
+          </div>
 
-												<div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-two">
-													<button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-two">
-														<svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-															<path d="M12 5v14"></path>
-														</svg>
-														<svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-														</svg>
-														О программе
-													</button>
-													<div id="hs-basic-bordered-collapse-two" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-two">
-														<div class="pb-4 px-5">
-															<Builder :blocks="program.data.about_program" />
-														</div>
-													</div>
-												</div>
+          <div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-two">
+            <button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-two">
+              <svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+                <path d="M12 5v14"></path>
+              </svg>
+              <svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+              </svg>
+              О программе
+            </button>
+            <div id="hs-basic-bordered-collapse-two" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-two">
+              <div class="pb-4 px-5">
+                <Builder :blocks="program.data.about_program" />
+              </div>
+            </div>
+          </div>
 
-												<div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-three">
-													<button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-three">
-														<svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-															<path d="M12 5v14"></path>
-														</svg>
-														<svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-															<path d="M5 12h14"></path>
-														</svg>
-														Особенности программы
-													</button>
-													<div id="hs-basic-bordered-collapse-three" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-three">
-														<div class="pb-4 px-5">
-															<Builder :blocks="program.data.program_features" />
-														</div>
-													</div>
-												</div>
-											</div>
-										</div>
-										<!-- End Icon Blocks -->
+          <div class="hs-accordion bg-white border -mt-px first:rounded-t-lg last:rounded-b-lg" id="hs-bordered-heading-three">
+            <button class="hs-accordion-toggle hs-accordion-active:text-primary inline-flex items-center gap-x-3 w-full font-semibold text-start text-gray-800 py-4 px-5 hover:text-gray-500 disabled:opacity-50 disabled:pointer-events-none" aria-controls="hs-basic-bordered-collapse-three">
+              <svg class="hs-accordion-active:hidden block size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+                <path d="M12 5v14"></path>
+              </svg>
+              <svg class="hs-accordion-active:block hidden size-3.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M5 12h14"></path>
+              </svg>
+              Особенности программы
+            </button>
+            <div id="hs-basic-bordered-collapse-three" class="hs-accordion-content hidden w-full overflow-hidden transition-[height] duration-300" aria-labelledby="hs-bordered-heading-three">
+              <div class="pb-4 px-5">
+                <Builder :blocks="program.data.program_features" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </BasicPageContainer>
+    <BasicFooter />
+  </BasicPageWrapper>
 
-									</div>
-								</div>
-							</div>
-						</div>
-						<!-- End Content -->
-					</div>
-				</div>
-			</div>
-		</main>
-
-		<BasicFooter />
-	</div>
 
 </template>
 
diff --git a/resources/js/Pages/Page.vue b/resources/js/Pages/Page.vue
index a506de6..d5ad555 100644
--- a/resources/js/Pages/Page.vue
+++ b/resources/js/Pages/Page.vue
@@ -1,26 +1,27 @@
 <template>
 	<MetaTags :seo="seo" />
 
-	<div class="flex flex-col h-screen justify-between">
-		<MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
+  <MainPageNavBar class="border-b" :sections="$page.props.navigation" />
 
-		<div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl w-full px-4 py-10 md:flex md:flex-row md:py-10">
-			<PageSubSectionLinks v-if="!settings?.hide_page_sub_section_links" :sub-section-pages="subSectionPages" :current-section="page.data.section"/>
-			<NavigateLinks v-if="!settings?.hide_page_navigate_links"  :header-navs="headerNavs"/>
-			<div class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
-				<div class="space-y-5 md:space-y-5">
-					<PageBreadcrumbs v-if="!settings?.hide_breadcrumbs" :breadcrumbs="breadcrumbs" :page-title="page.data.title"/>
-					<BasicTitle :header="page.data.title"/>
-					<div id="page-area">
-						<Builder :blocks="page.data.content"/>
-					</div>
-				</div>
-			</div>
-		</div>
+  <BasicPageWrapper>
+    <div class="relative mx-auto mb-auto mt-[67px] max-w-screen-xl w-full px-4 py-10 md:flex md:flex-row md:py-10">
+      <PageSubSectionLinks v-if="!settings?.hide_page_sub_section_links" :sub-section-pages="subSectionPages" :current-section="page.data.section"/>
+      <NavigateLinks v-if="!settings?.hide_page_navigate_links"  :header-navs="headerNavs"/>
+      <div class="w-full min-w-0 mt-1 max-w-6xl px-1 md:px-6" style="">
+        <div class="space-y-5 md:space-y-5">
+          <PageBreadcrumbs v-if="!settings?.hide_breadcrumbs" :breadcrumbs="breadcrumbs" :page-title="page.data.title"/>
+          <BasicTitle :header="page.data.title"/>
+          <div id="page-area">
+            <Builder :blocks="page.data.content"/>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <BasicFooter />
+  </BasicPageWrapper>
 
-		<BasicFooter />
-	</div>
 
 
 </template>
@@ -37,6 +38,16 @@ import BasicTitle from "@/componentss/ui/titles/BasicTitle.vue";
 import PageSubSectionLinks from "@/componentss/features/pages/components/PageSubSectionLinks.vue";
 import PageBreadcrumbs from "@/componentss/features/pages/components/PageBreadcrumbs.vue";
 import NavigateLinks from "@/componentss/shared/navigate/NavigateLinks.vue";
+import CategoryFilter from "@/componentss/shared/filter/filters/CategoryFilter.vue";
+import BasicPageContainer from "@/componentss/ui/templates/BasicPageContainer.vue";
+import BasicPageWrapper from "@/componentss/ui/wrappers/BasicPageWrapper.vue";
+import BasicListBadge from "@/componentss/shared/badge/BasicListBadge.vue";
+import EventArchiveListBreadcrumbs from "@/componentss/features/events/components/EventArchiveListBreadcrumbs.vue";
+import BasicPagination from "@/componentss/shared/paginate/BasicPagination.vue";
+import IsOnlineFilter from "@/componentss/shared/filter/filters/IsOnlineFilter.vue";
+import BasicListFilter from "@/componentss/shared/filter/BasicListFilter.vue";
+import EventListSearch from "@/componentss/features/events/components/EventListSearch.vue";
+import SortingByFilter from "@/componentss/shared/filter/filters/SortingByFilter.vue";
 
 
 export default {
@@ -70,6 +81,16 @@ export default {
 		}
 	},
 	components: {
+    SortingByFilter,
+    EventListSearch,
+    BasicListFilter,
+    IsOnlineFilter,
+    BasicPagination,
+    EventArchiveListBreadcrumbs,
+    BasicListBadge,
+    BasicPageWrapper,
+    BasicPageContainer,
+    CategoryFilter,
     NavigateLinks,
     BasicTitle,
     Builder,
diff --git a/resources/js/componentss/shared/builder/pageBuilder/blocks/HeadingBlock.vue b/resources/js/componentss/shared/builder/pageBuilder/blocks/HeadingBlock.vue
index d6c03e5..b692ae0 100644
--- a/resources/js/componentss/shared/builder/pageBuilder/blocks/HeadingBlock.vue
+++ b/resources/js/componentss/shared/builder/pageBuilder/blocks/HeadingBlock.vue
@@ -1,6 +1,6 @@
 <template>
 	<div >
-		<h2 :id="generateSlug(block.data.content)" class="font-bold text-xl">{{ block.data.content }}</h2>
+		<h2 :id="'anchor-link-' + generateSlug(block.data.content)" class="font-bold text-xl">{{ block.data.content }}</h2>
 	</div>
 </template>
 
diff --git a/resources/js/componentss/shared/navigate/NavigateLinks.vue b/resources/js/componentss/shared/navigate/NavigateLinks.vue
index 6705c89..c67be4f 100644
--- a/resources/js/componentss/shared/navigate/NavigateLinks.vue
+++ b/resources/js/componentss/shared/navigate/NavigateLinks.vue
@@ -1,14 +1,13 @@
 <template>
-	<div class="w-full h-[67px] fixed pointer-events-none bvi-no-styles" id="visor"></div>
-
+  <NavigateVisor />
 	<nav class="order-last hidden w-56 shrink-0 lg:block">
 		<div v-if="headerNavs.length > 0" class="sticky top-[100px] h-[calc(100vh-121px)]">
 			<div class="text-gray-1000 mb-2 text-md font-medium">На этой странице</div>
 			<ul class="max-h-[70vh] space-y-1.5 overflow-hidden py-2 text-sm">
 				<li class="anchor-li" v-for="pageNav in headerNavs" :key="pageNav.id">
-					<a :class="{ 'translate-x-2 text-primary' : currentNavSection === generateSlug(pageNav.text), 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== generateSlug(pageNav.text) }"
+					<a :class="{ 'translate-x-2 text-primary' : currentNavSection === 'anchor-link-' + generateSlug(pageNav.text), 'bg-transperant text-gray-600 hover:text-gray-900' : currentNavSection !== 'anchor-link-' + generateSlug(pageNav.text) }"
 						 class="duration-150 block py-1 px-2 leading-[1.6] rounded-md"
-						 :href="'#' + generateSlug(pageNav.text)">{{ pageNav.text }}</a>
+						 :href="'#anchor-link-' + generateSlug(pageNav.text)">{{ pageNav.text }}</a>
 				</li>
 				<transition name="fade">
 					<li class="anchor-li flex items-center py-2 border-t" v-if="scrollTop" @click.prevent="scrollToTop">
@@ -28,10 +27,11 @@
 <script>
 import { Link } from "@inertiajs/vue3";
 import slugify from "slugify";
+import NavigateVisor from "@/componentss/shared/visor/NavigateVisor.vue";
 
 export default {
 	name: "NavigateLinks",
-	components: { Link },
+	components: {NavigateVisor, Link },
 	data() {
 		return {
 			currentNavSection: null,
@@ -39,14 +39,6 @@ export default {
 		};
 	},
 	methods: {
-		textLimit(text, symbols) {
-			if (text.length > symbols) {
-				let LimitedText;
-				LimitedText = text.substring(0, symbols);
-				return LimitedText + "...";
-			}
-			return text;
-		},
 		generateSlug(text) {
 			return slugify(text, {
 				lower: true,
diff --git a/resources/js/componentss/shared/visor/NavigateVisor.vue b/resources/js/componentss/shared/visor/NavigateVisor.vue
new file mode 100644
index 0000000..6be03fd
--- /dev/null
+++ b/resources/js/componentss/shared/visor/NavigateVisor.vue
@@ -0,0 +1,15 @@
+<script>
+export default {
+	name: "NavigateVisor"
+}
+</script>
+
+<template>
+  <div class="w-full h-[67px] pointer-events-none fixed" id="visor" />
+</template>
+
+<style scoped>
+
+
+
+</style>
\ No newline at end of file
diff --git a/resources/js/componentss/ui/templates/BasicPageContainer.vue b/resources/js/componentss/ui/templates/BasicPageContainer.vue
new file mode 100644
index 0000000..96afaf2
--- /dev/null
+++ b/resources/js/componentss/ui/templates/BasicPageContainer.vue
@@ -0,0 +1,27 @@
+<template>
+  <main class="flex-grow">
+    <div class="relative mb-auto mx-auto mt-[67px] max-w-screen-xl px-4 py-10 md:flex md:flex-row md:py-10">
+      <div class="px-0 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto w-full max-w-screen-2xl">
+        <div>
+          <div :class="'max-w-screen-' + breakpoint"  class="container mx-auto xl:px-5">
+            <slot/>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
+</template>
+
+<script>
+
+export default {
+	name: "BasicPageContainer",
+  props: {
+    breakpoint: {
+      type: String,
+      default: "lg"
+    }
+  }
+}
+
+</script>
diff --git a/resources/js/componentss/ui/wrappers/BasicPageWrapper.vue b/resources/js/componentss/ui/wrappers/BasicPageWrapper.vue
new file mode 100644
index 0000000..fe89371
--- /dev/null
+++ b/resources/js/componentss/ui/wrappers/BasicPageWrapper.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="flex flex-col h-screen">
+    <slot/>
+  </div>
+</template>
+
+<script>
+import {Link} from "@inertiajs/vue3";
+import BasicFooter from "@/footers/BasicFooter.vue";
+import Builder from "@/componentss/shared/builder/pageBuilder/Builder.vue";
+import BackButton from "@/componentss/ui/buttons/BackButton.vue";
+import ProgramTitle from "@/componentss/features/educationalPrograms/components/ProgramTitle.vue";
+import ProgramItemBreadcrumbs from "@/componentss/features/educationalPrograms/components/ProgramItemBreadcrumbs.vue";
+
+export default {
+	name: "BasicPageWrapper",
+}
+
+</script>