From 0dedf004dde7e890df1f3b93e73d5e6196209d1b Mon Sep 17 00:00:00 2001
From: "maxim.gorbatyuk" <maxim.gorbatyuk@outlook.com>
Date: Wed, 10 Apr 2024 22:12:31 +0500
Subject: [PATCH 1/2] Frontend refactoring

---
 .../admin-navbar/admin-navbar.component.html  |   4 +-
 .../maintenance/maintenance.component.html    |   4 +-
 .../components/navbar/navbar.component.html   |  10 +-
 src/app/components/navbar/navbar.component.ts |  18 +--
 .../home/components/home/home.component.html  |  77 ++++++------
 .../home/components/home/home.component.ts    | 110 +----------------
 .../privacy-policy-page.component.html        |   2 +-
 .../interview-edit-page.component.html        |  44 +++----
 .../interview-edit-page.component.ts          |   5 +-
 ...nterview-template-edit-page.component.html |  26 ++--
 .../interview-template-edit-page.component.ts |   8 +-
 .../interviews-home.component.html            |  51 ++++++++
 .../interviews-home.component.scss            |  35 ++++++
 .../interviews-home.component.spec.ts         |  38 ++++++
 .../interviews-home.component.ts              | 116 ++++++++++++++++++
 .../my-interview-templates.component.html     |  20 +--
 .../my-interviews.component.html              |  18 +--
 .../interviews/interviews-routing.module.ts   |   3 +
 .../modules/interviews/interviews.module.ts   |   4 +-
 .../data-loading-info-block.component.ts      |   2 +-
 .../decline-dialog.component.html             |   6 +-
 .../field-error/field-error.component.html    |  13 +-
 .../go-back-button.component.html             |   2 +-
 .../loading-spinner.component.html            |   2 +-
 .../share-button/share-button.component.ts    |   4 +-
 .../user-profile-page.component.html          |  10 +-
 src/index.html                                |  28 ++---
 27 files changed, 400 insertions(+), 260 deletions(-)
 create mode 100644 src/app/modules/interviews/components/interviews-home/interviews-home.component.html
 create mode 100644 src/app/modules/interviews/components/interviews-home/interviews-home.component.scss
 create mode 100644 src/app/modules/interviews/components/interviews-home/interviews-home.component.spec.ts
 create mode 100644 src/app/modules/interviews/components/interviews-home/interviews-home.component.ts

diff --git a/src/app/components/admin-navbar/admin-navbar.component.html b/src/app/components/admin-navbar/admin-navbar.component.html
index 3553fa18..86bb8552 100644
--- a/src/app/components/admin-navbar/admin-navbar.component.html
+++ b/src/app/components/admin-navbar/admin-navbar.component.html
@@ -1,6 +1,6 @@
 <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom border-3">
   <div class="container">
-    <a class="navbar-brand" routerLink="/admin/">Admin panel</a>
+    <a class="navbar-brand" routerLink="/admin/">Админка</a>
     <button
       class="navbar-toggler"
       type="button"
@@ -35,7 +35,7 @@
 
       <form class="d-flex" *ngIf="showSearchForm">
         <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
-        <button class="btn btn-outline-success disabled" disabled type="submit">Search</button>
+        <button class="btn btn-outline-success disabled" disabled type="submit">Поиск</button>
       </form>
     </div>
   </div>
diff --git a/src/app/components/maintenance/maintenance.component.html b/src/app/components/maintenance/maintenance.component.html
index 98650575..33fae739 100644
--- a/src/app/components/maintenance/maintenance.component.html
+++ b/src/app/components/maintenance/maintenance.component.html
@@ -1,9 +1,9 @@
 <div class="container">
   <div class="mt-3 d-flex flex-column">
-    <div class="display-1 fw-bold text-center">Maintenance</div>
+    <div class="display-1 fw-bold text-center">Обновляем сайт</div>
 
     <div class="display-3 text-center mt-3">
-      Don't panic, we do maintenace stuff. Service will be available soon
+      Без паники! Мы добавляем новые фичи и фиксим баги. Скоро вернемся!
     </div>
     <div class="display-2 text-center mt-3">¯\_(ツ)_/¯</div>
   </div>
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 05eac92c..0ef3591d 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -41,7 +41,7 @@
             aria-current="page"
             (click)="login()"
             [attr.disabled]="!loginButtonAvailable"
-            >Sign in</a
+            >Войти</a
           >
         </li>
         <ng-template #loggedIn>
@@ -57,11 +57,11 @@
               {{ loginName }}
             </a>
             <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
-              <li><a class="dropdown-item" routerLink="/me">Profile</a></li>
-              <li><a class="dropdown-item" routerLink="users/me/labels">My lables</a></li>
+              <li><a class="dropdown-item" routerLink="/me">Мой профиль</a></li>
+              <li><a class="dropdown-item" routerLink="users/me/labels">Мои метки</a></li>
               <li><hr class="dropdown-divider" /></li>
-              <li><a class="dropdown-item" routerLink="/admin" *appHasRole="'admin'">Admin panel</a></li>
-              <li><a class="dropdown-item cursor-pointer" (click)="logout()">Sign out</a></li>
+              <li><a class="dropdown-item" routerLink="/admin" *appHasRole="'admin'">Админка</a></li>
+              <li class="cursor-pointer"><a class="dropdown-item" (click)="logout()">Выйти</a></li>
             </ul>
           </li>
         </ng-template>
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 9a2f5a23..1364ca45 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -90,48 +90,48 @@ export class NavbarComponent implements OnInit, OnDestroy {
 
     this.dropdowns = [
       {
-        title: 'Interviews',
+        title: 'Заметки',
         show: hasCurrentUser && this.currentUser!.hasRole(UserRole.Interviewer),
         links: [
           {
-            title: 'Start an interview',
+            title: 'Начать интервью',
             url: '/interviews/create',
             show: true
           },
           {
-            title: 'My interviews',
+            title: 'Мои интервью',
             url: '/interviews/my',
             show: true
           }
         ]
       },
       {
-        title: 'Templates',
+        title: 'Шаблоны',
         show: true,
         links: [
           {
-            title: 'Create a template',
+            title: 'Создать шаблон',
             url: '/interviews/templates/create',
             show: hasCurrentUser && this.currentUser!.hasRole(UserRole.Interviewer)
           },
           {
-            title: 'My templates',
+            title: 'Мои шаблоны',
             url: '/interviews/templates/my',
             show: hasCurrentUser && this.currentUser!.hasRole(UserRole.Interviewer)
           },
           {
-            title: 'Public templates',
+            title: 'Публичные шаблоны',
             url: '/interviews/templates/public',
             show: true
           }
         ]
       },
       {
-        title: 'Salaries',
+        title: 'Зарплаты',
         show: true,
         links: [
           {
-            title: 'Salaries chart',
+            title: 'Статистика по зарплатам',
             url: '/salaries',
             show: true
           },
diff --git a/src/app/modules/home/components/home/home.component.html b/src/app/modules/home/components/home/home.component.html
index 57faf949..c1ecbb62 100644
--- a/src/app/modules/home/components/home/home.component.html
+++ b/src/app/modules/home/components/home/home.component.html
@@ -3,7 +3,7 @@
     <div class="col-sm d-flex align-items-end">
       <div class="d-inline-block my-5">
         <div class="display-1">Tech.Interview</div>
-        <div class="lead">Conduct an interview. Make your notes. Create templates.</div>
+        <div class="lead">Зарплаты в IT и заметки к техническим интервью</div>
       </div>
     </div>
     <div class="col-sm">
@@ -13,54 +13,49 @@
 </div>
 
 <div class="mt-5">
-  <div *ngFor="let hint of images" class="feature {{ hint.background }}">
+
+  <div class="feature bg-white">
     <div class="container">
-      <div class="row">
-        <div class="col-sm-4">
-          <div class="feature-title">{{ hint.title }}</div>
-          <div class="mt-3 feature-subtitle">{{ hint.subtitle }}</div>
-        </div>
-        <div class="col-sm-8">
-          <div *ngIf="hint.showPreloader" class="h-100 d-flex justify-content-center align-items-center">
-            <div class="spinner-border" style="width: 3rem; height: 3rem" role="status">
-              <span class="visually-hidden">Loading...</span>
-            </div>
-          </div>
-          <img
-            [hidden]="hint.showPreloader"
-            class="feature-image"
-            src="{{ hint.imageSrc }}"
-            alt="{{ hint.imageAlt }}"
-            (load)="showImage(hint)"
-            (error)="showImage(hint)"
-          />
-        </div>
+      <div class="feature-title">Зарплаты в IT в Казахстане</div>
+      <div class="mt-3 feature-subtitle">
+        Здесь мы собираем и анализируем данные по зарплатам в IT в РК.
+      </div>
+      <div class="mt-1 feature-subtitle">
+        В 2024 году мы решили, что в Казахстане не хватает актуальной и публичной статистики по зарплатам в IT сфере. Мы решили это исправить.
+      </div>
+      <div class="feature-subtitle">
+        Хочешь узнать, сколько попросить в следующий раз на собеседовании - посмотри в собранной статистике.
+      </div>
+      <div class="mt-5">
+        <a routerLink="/salaries" class="btn btn-huge btn-primary">Перейти к зарплатам</a>
       </div>
     </div>
   </div>
-</div>
 
-<div class="feature bg-white">
-  <div class="container">
-    <div class="feature-title">Application is free for everybody and opensource<br />Forever</div>
-    <div class="mt-3 feature-subtitle">
-      We believe that this app should be free for everyone. 
-      We are <a href="https://github.com/orgs/Techinterview-space/repositories" class="text-reset" target="_blank"><i class="bi bi-github"></i> open source</a> and we are looking for contributors.
-    </div>
-    <div class="mt-3 feature-subtitle">
-      If you want to help us, here is our <a href="https://boosty.to/ake111aa" class="text-reset" target="_blank"><i class="bi bi-cash-coin"></i> boosty</a>. Any help is appreciated.
-    </div>
-    <div class="mt-5">
-      <hr class="mx-auto w-50" />
+  <div class="feature">
+    <div class="container">
+      <div class="feature-title">Заметки к техническим интервью</div>
+      <div class="mt-3 feature-subtitle">
+        Если ты проводишь технические собеседования и хочешь создать шаблон и сохранять фидбеки, чтобы потом делиться ими с коллегами - тебе сюда.
+      </div>
+      <div class="mt-5">
+        <a routerLink="/interviews" class="btn btn-huge btn-outline-primary">Перейти к заметкам</a>
+      </div>
     </div>
   </div>
-</div>
 
-<div class="feature bg-white">
-  <div class="container">
-    <div class="feature-title">Ready to start? Just create your first interview or template</div>
-    <div class="mt-5">
-      <button type="button" class="btn btn-huge btn-primary" (click)="getStarted()">{{ getStartedButtonTitle }}</button>
+  <div class="feature bg-white">
+    <div class="container">
+      <div class="feature-title">Наш проект - некоммерческий и в свободном доступе.</div>
+      <div class="mt-1 feature-title">Так будет всегда.</div>
+      <div class="mt-3 feature-subtitle">
+        Мы верим, что этот проект должен быть бесплатным для всех.
+        <br />
+        Мы открыли исходный код на <a href="https://github.com/orgs/Techinterview-space/repositories" class="text-reset" target="_blank"><i class="bi bi-github"></i> GitHub</a> и будем рады новым контрибьютерам.
+      </div>
+      <div class="mt-3 feature-subtitle">
+        Если вы хотите поддержать нас, то тут наш <a href="https://boosty.to/ake111aa" class="text-reset" target="_blank"><i class="bi bi-cash-coin"></i> бусти</a>. Мы благодарны любой помощи.
+      </div>
     </div>
   </div>
 </div>
diff --git a/src/app/modules/home/components/home/home.component.ts b/src/app/modules/home/components/home/home.component.ts
index 96ece1ac..4dc4e354 100644
--- a/src/app/modules/home/components/home/home.component.ts
+++ b/src/app/modules/home/components/home/home.component.ts
@@ -1,116 +1,16 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { Router } from '@angular/router';
-import { ApplicationUserExtended } from '@models/extended';
+import { Component } from '@angular/core';
 import { TitleService } from '@services/title.service';
-import { AuthService } from '@shared/services/auth/auth.service';
-import { SpinnerService } from '@shared/services/spinners/spinner-service';
-import { untilDestroyed } from '@shared/subscriptions/until-destroyed';
-
-interface ImageHint {
-  background: string;
-  title: string;
-  subtitle: string;
-  imageSrc: string;
-  imageAlt: string;
-  showPreloader: boolean;
-}
 
 @Component({
   selector: 'app-home',
   templateUrl: './home.component.html',
   styleUrls: ['./home.component.scss']
 })
-export class HomeComponent implements OnInit, OnDestroy {
-  showHomePage = false;
-  getStartedButtonTitle = 'Get started';
-  get showLoginButton(): boolean {
-    return this.currentUser == null;
-  }
-
-  images: Array<ImageHint> = [];
-
-  private currentUser: ApplicationUserExtended | null = null;
+export class HomeComponent {
 
   constructor(
-    private readonly titleService: TitleService,
-    private readonly authService: AuthService,
-    private readonly spinner: SpinnerService,
-    private readonly router: Router
-  ) {}
-
-  ngOnInit(): void {
-    this.titleService.resetTitle();
-    this.authService
-      .getCurrentUser()
-      .pipe(untilDestroyed(this))
-      .subscribe((currentUser) => {
-        this.currentUser = currentUser;
-        if (currentUser != null) {
-          this.getStartedButtonTitle = 'My interviews';
-        }
-      });
-
-    this.images = [
-      {
-        background: 'bg-white',
-        title: 'Make your private notes during the interview',
-        subtitle:
-          'Your notes will be safe and secure. No one except you will be able to see them unless you share them withothers.',
-        imageSrc:
-          'https://object.pscloud.io/petrel-intranet-storage/public-files/5738785c-4522-4842-861e-c2b59903b228-conduct_interview_main_page.gif',
-        imageAlt: 'Conduct the interview GIF',
-        showPreloader: true
-      },
-      {
-        background: '',
-        title: 'Share your feedback',
-        subtitle: 'Feel free to share your feedback as markdown document. Exporting as PDF is available.',
-        imageSrc:
-          'https://object.pscloud.io/petrel-intranet-storage/public-files/dfd35b14-26e8-4eab-bb3f-6ab4e69febfa-share_the_interview.gif',
-        imageAlt: 'Share the interview GIF',
-        showPreloader: true
-      },
-      {
-        background: 'bg-white',
-        title: 'Create interview templates',
-        subtitle:
-          'You may create interview template for future interviews. You can use the template to conduct the interview. Also, if you mark any template as public, everybody will be able to use it.',
-        imageSrc:
-          'https://object.pscloud.io/petrel-intranet-storage/public-files/05dfc8cc-565f-4500-b4df-490175252e74-create_templates_main_page.gif',
-        imageAlt: 'Create interview templates GIF',
-        showPreloader: true
-      },
-      {
-        background: '',
-        title: 'Use templates for your interviews',
-        subtitle: 'You can use templates created by you and other public ones.',
-        imageSrc:
-          'https://object.pscloud.io/petrel-intranet-storage/public-files/2aff4767-c3d1-4493-b138-de93b4383f16-use_templates_for_your_interview.gif',
-        imageAlt: 'Use templates for your interviews GIF',
-        showPreloader: true
-      }
-    ];
-  }
-
-  showImage(hint: ImageHint): void {
-    hint.showPreloader = false;
-  }
-
-  getStarted(): void {
-    if (this.currentUser == null) {
-      this.spinner.showTimer();
-      this.authService.login().then();
-      return;
-    }
-
-    this.router.navigateByUrl(this.getRedirectUrl());
-  }
-
-  ngOnDestroy(): void {
-    // ignored
-  }
-
-  private getRedirectUrl(): string {
-    return '/interviews/my';
+    titleService: TitleService
+  ) {
+    titleService.resetTitle();
   }
 }
diff --git a/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html b/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
index eb570e37..ba979a16 100644
--- a/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
+++ b/src/app/modules/home/components/privacy-policy-page/privacy-policy-page.component.html
@@ -1,4 +1,4 @@
-<app-page-header>Privacy policy</app-page-header>
+<app-page-header>Пользовательское соглашение</app-page-header>
 
 <div class="container mb-5">
   <div class="card">
diff --git a/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.html b/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.html
index 34066c6f..2f5e2b12 100644
--- a/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.html
+++ b/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.html
@@ -17,13 +17,13 @@
                 formControlName="candidateName"
                 placeholder="Type a candidate's name"
               />
-              <label for="candidateName" class="form-label">Candidate name</label>
+              <label for="candidateName" class="form-label">Имя кандидата</label>
               <app-field-error [field]="formGroup.get('candidateName')"></app-field-error>
             </div>
 
             <div class="mb-3">
               <select formControlName="candidateGrade" class="form-select" aria-label="Select a grade">
-                <option [value]="null" selected disabled>Select a grade</option>
+                <option [value]="null" selected disabled>Выберите грейд</option>
                 <option *ngFor="let option of grades" [value]="option.value">{{ option.label }}</option>
               </select>
               <app-field-error [field]="formGroup.get('candidateGrade')"></app-field-error>
@@ -33,7 +33,7 @@
               <app-labels-ng-select
                 [labels]="labels"
                 [(selectedLabels)]="selectedLabels"
-                [placeholder]="'Select tags for your interview'"
+                [placeholder]="'Вебрите теги для заметки'"
               ></app-labels-ng-select>
             </div>
           </div>
@@ -46,7 +46,7 @@
                 <app-go-back-button></app-go-back-button>
               </div>
               <div class="d-inline-block">
-                <app-submit-button (btnSubmit)="onSave()">Save</app-submit-button>
+                <app-submit-button (btnSubmit)="onSave()">Сохранить</app-submit-button>
               </div>
             </div>
           </div>
@@ -62,18 +62,18 @@
             style="height: 100px"
             formControlName="overallOpinion"
           ></textarea>
-          <label for="overallOpinion">Overall opinion about candidate</label>
+          <label for="overallOpinion">Общее впечатление о кандидате</label>
           <app-field-error [field]="formGroup.get('overallOpinion')"></app-field-error>
-          <div class="text-muted small">Markdown is supported</div>
+          <div class="text-muted small">Поддерживается markdown</div>
         </div>
 
         <div class="card">
           <div class="card-body">
             <div class="mb-3 d-flex justify-content-between align-items-end">
               <div class="d-inline-block">
-                <span class="h4">Subjects: {{ subjectsCount }}</span>
+                <span class="h4">Тем: {{ subjectsCount }}</span>
                 <button class="btn-link-sm ms-1" type="button" (click)="openAddSubjectsFromTemplateModal()">
-                  Add subjects from template
+                  Добавить темы из шаблона
                 </button>
               </div>
 
@@ -84,10 +84,10 @@
                   (click)="clearSubjects()"
                   [disabled]="formGroup.subjectsCount === 0"
                 >
-                  Clear all
+                  Удалить все
                 </button>
-                <button type="button" class="btn-link-sm ms-1" (click)="addSubject()" title="Add a new subject">
-                  <i class="bi bi-plus-square"></i> Add new subject
+                <button type="button" class="btn-link-sm ms-1" (click)="addSubject()" title="Добавить тему">
+                  <i class="bi bi-plus-square"></i> Добавить тему
                 </button>
               </div>
             </div>
@@ -106,10 +106,10 @@
                         class="form-control"
                         formControlName="title"
                         id="subjectTitle_{{ subjectIndex }}"
-                        placeholder="Subject title"
+                        placeholder="О чем поговорили"
                       />
                       <select formControlName="grade" class="form-select w-10" aria-label="Select a grade">
-                        <option [value]="null">Didn't check</option>
+                        <option [value]="null">Не проверил</option>
                         <option *ngFor="let option of grades" [value]="option.value">{{ option.label }}</option>
                       </select>
 
@@ -117,7 +117,7 @@
                         class="btn btn-outline-primary"
                         type="button"
                         (click)="formGroup.moveDown(subjectIndex)"
-                        title="Move down"
+                        title="Вверх"
                         [disabled]="!formGroup.canBeMovedDown(subjectIndex)"
                       >
                         <i class="bi bi-arrow-down"></i>
@@ -127,7 +127,7 @@
                         class="btn btn-outline-primary"
                         type="button"
                         (click)="formGroup.moveUp(subjectIndex)"
-                        title="Move up"
+                        title="Вниз"
                         [disabled]="!formGroup.canBeMovedUp(subjectIndex)"
                       >
                         <i class="bi bi-arrow-up"></i>
@@ -137,7 +137,7 @@
                         class="btn btn-outline-danger"
                         type="button"
                         (click)="removeSubject(subjectIndex)"
-                        title="Remove the subject"
+                        title="Удалить тему"
                       >
                         <i class="bi bi-trash-fill"></i>
                       </button>
@@ -155,8 +155,8 @@
 
                   <div class="ps-5">
                     <div class="d-flex justify-content-between">
-                      <label>Comments</label>
-                      <span class="text-muted small">Markdown is supported</span>
+                      <label>Комментарии</label>
+                      <span class="text-muted small">Поддерживается markdown</span>
                     </div>
                     <textarea class="form-control" rows="5" formControlName="comments"></textarea>
                     <app-field-error [field]="formGroup.getSubjectCommentsField(subjectIndex)"></app-field-error>
@@ -169,7 +169,7 @@
               <hr />
               <div class="d-flex justify-content-end">
                 <button type="button" class="btn-link-sm" (click)="addSubject()" title="Add a new subject">
-                  <i class="bi bi-plus-square"></i> Add subject
+                  <i class="bi bi-plus-square"></i> Добавить тему
                 </button>
               </div>
             </div>
@@ -183,11 +183,11 @@
 <app-dialog
   [show]="templates && showAddSubjectsFromTemplateModal"
   (closed)="onAddSubjectsFromTemplateModalClose()"
-  [header]="'Add subjects from the template'"
+  [header]="'Добавить темы из шаблона'"
 >
   <div class="mb-3">
     <select class="form-select" (change)="onInterviewTemplateSelected($event)">
-      <option [value]="null" selected disabled>Select a template</option>
+      <option [value]="null" selected disabled>Выберите шаблон</option>
       <option *ngFor="let option of templates" [value]="option.value">{{ option.label }}</option>
     </select>
   </div>
@@ -199,7 +199,7 @@
       [disabled]="!selectedTemplate"
       (click)="addSubjectsFromTemplate()"
     >
-      Add subjects and topics
+      Добавить темы и топики
     </button>
   </div>
 </app-dialog>
diff --git a/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.ts b/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.ts
index fab5e912..3f590a7a 100644
--- a/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.ts
+++ b/src/app/modules/interviews/components/interview-edit-page/interview-edit-page.component.ts
@@ -18,7 +18,8 @@ import { InterviewTemplateSelectItem } from './interview-template-select-item';
   styleUrls: ['./interview-edit-page.component.scss']
 })
 export class InterviewEditPageComponent implements OnInit, OnDestroy {
-  pageTitle = 'Create an interview';
+  pageTitle = 'Новая заметка к интервью';
+
   formGroup: InterviewFormGroup | null = null;
   templates: Array<InterviewTemplateSelectItem> = [];
   selectedTemplate: InterviewTemplate | null = null;
@@ -57,7 +58,7 @@ export class InterviewEditPageComponent implements OnInit, OnDestroy {
         this.interviewId = id;
 
         if (this.interviewId != null) {
-          this.setTitle('Edit the interview');
+          this.setTitle('Редактирование заметки');
           this.service
             .byId(this.interviewId)
             .pipe(untilDestroyed(this))
diff --git a/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.html b/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.html
index b6ddccc8..6c6b9f4e 100644
--- a/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.html
+++ b/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.html
@@ -17,7 +17,7 @@
                 formControlName="title"
                 placeholder="Type a name of the template"
               />
-              <label for="title" class="form-label">Template title</label>
+              <label for="title" class="form-label">Название</label>
               <app-field-error [field]="formGroup.get('title')"></app-field-error>
             </div>
 
@@ -27,7 +27,7 @@
 
             <div class="mb-3 form-check cursor-pointer">
               <input type="checkbox" class="form-check-input" id="isPublic" formControlName="isPublic" />
-              <label class="form-check-label" for="isPublic">Visible for everyone</label>
+              <label class="form-check-label" for="isPublic">Виден для всех?</label>
             </div>
 
             <div class="mb-3 d-flex justify-content-between">
@@ -35,7 +35,7 @@
                 <app-go-back-button></app-go-back-button>
               </div>
               <div class="d-inline-block">
-                <app-submit-button (btnSubmit)="onSave()">Save</app-submit-button>
+                <app-submit-button (btnSubmit)="onSave()">Сохранить</app-submit-button>
               </div>
             </div>
           </div>
@@ -53,15 +53,15 @@
                 style="height: 100px"
                 formControlName="overallOpinion"
               ></textarea>
-              <label for="overallOpinion">Template for 'Overall opinion' field</label>
+              <label for="overallOpinion">Заготовка для поля "Общие впечатления о кандидате"</label>
               <app-field-error [field]="formGroup.get('overallOpinion')"></app-field-error>
-              <div class="text-muted small">Markdown is supported</div>
+              <div class="text-muted small">Поддерживается Markdown</div>
             </div>
 
             <div class="mb-3 d-flex justify-content-between">
               <span class="h4">Subjects: {{ subjectsCount }}</span>
               <button type="button" class="btn-link-sm" (click)="addSubject()" title="Add a new subject">
-                <i class="bi bi-plus-square"></i> Add subject
+                <i class="bi bi-plus-square"></i> Добавить тему
               </button>
             </div>
 
@@ -78,14 +78,14 @@
                       class="form-control"
                       formControlName="title"
                       id="subjectTitle_{{ subjectIndex }}"
-                      placeholder="Subject title"
+                      placeholder="О чем поговорили"
                     />
 
                     <button
                       class="btn btn-outline-primary"
                       type="button"
                       (click)="formGroup.moveDown(subjectIndex)"
-                      title="Move down"
+                      title="Вверх"
                       [disabled]="!formGroup.canBeMovedDown(subjectIndex)"
                     >
                       <i class="bi bi-arrow-down"></i>
@@ -95,7 +95,7 @@
                       class="btn btn-outline-primary"
                       type="button"
                       (click)="formGroup.moveUp(subjectIndex)"
-                      title="Move up"
+                      title="Вниз"
                       [disabled]="!formGroup.canBeMovedUp(subjectIndex)"
                     >
                       <i class="bi bi-arrow-up"></i>
@@ -113,8 +113,8 @@
                   <app-field-error [field]="formGroup.getSubjectTitleField(subjectIndex)"></app-field-error>
                   <div class="ps-5 mt-3">
                     <div class="d-flex justify-content-between">
-                      <label>Description</label>
-                      <span class="text-muted small">Markdown is supported</span>
+                      <label>Описание</label>
+                      <span class="text-muted small">Поддерживается Markdown</span>
                     </div>
                     <textarea class="form-control" rows="5" formControlName="description"></textarea>
                     <app-field-error [field]="formGroup.getSubjectDescriptionField(subjectIndex)"></app-field-error>
@@ -126,8 +126,8 @@
             <div class="mb-3" *ngIf="formGroup.subjectsCount > 1">
               <hr />
               <div class="d-flex justify-content-end">
-                <button type="button" class="btn-link-sm" (click)="addSubject()" title="Add a new subject">
-                  <i class="bi bi-plus-square"></i> Add subject
+                <button type="button" class="btn-link-sm" (click)="addSubject()" title="Добавить новую тему">
+                  <i class="bi bi-plus-square"></i> Добавить тему
                 </button>
               </div>
             </div>
diff --git a/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.ts b/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.ts
index 50c2df08..67931eb9 100644
--- a/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.ts
+++ b/src/app/modules/interviews/components/interview-template-edit-page/interview-template-edit-page.component.ts
@@ -45,7 +45,7 @@ export class InterviewTemplateEditPageComponent implements OnInit, OnDestroy {
       .subscribe((id) => {
         this.templateId = id;
         if (this.templateId != null) {
-          this.setTitle('Edit template');
+          this.setTitle('Редактировать шаблон');
           this.service
             .byId(this.templateId)
             .pipe(untilDestroyed(this))
@@ -56,7 +56,7 @@ export class InterviewTemplateEditPageComponent implements OnInit, OnDestroy {
           return;
         }
 
-        this.setTitle('Create template');
+        this.setTitle('Создать шаблон');
         this.formGroup = new InterviewTemplateFormGroup();
       });
 
@@ -80,7 +80,7 @@ export class InterviewTemplateEditPageComponent implements OnInit, OnDestroy {
         .create(createRequest)
         .pipe(untilDestroyed(this))
         .subscribe((id) => {
-          this.alert.success('Template created');
+          this.alert.success('Шаблон создан');
           this.router.navigate(['/interviews/templates/my']);
         });
       return;
@@ -96,7 +96,7 @@ export class InterviewTemplateEditPageComponent implements OnInit, OnDestroy {
       .update(updateRequest)
       .pipe(untilDestroyed(this))
       .subscribe((id) => {
-        this.alert.success('Template was updated');
+        this.alert.success('Шаблон обновлен');
         this.router.navigate(['/interviews/templates/my']);
       });
   }
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.html b/src/app/modules/interviews/components/interviews-home/interviews-home.component.html
new file mode 100644
index 00000000..3579a3bd
--- /dev/null
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.html
@@ -0,0 +1,51 @@
+<div class="container">
+  <div class="row pt-5">
+    <div class="col-sm d-flex align-items-end">
+      <div class="d-inline-block my-5">
+        <div class="display-1">Заметки к интервью</div>
+        <div class="lead">Проводите технические интервью.</div>
+        <div class="lead">Ведите заметки. Создавайте шаблоны.</div>
+      </div>
+    </div>
+    <div class="col-sm">
+      <img src="/assets/img/Job-Interview-vector.png" alt="Interviewer" class="img-fluid" />
+    </div>
+  </div>
+</div>
+
+<div class="mt-5">
+  <div *ngFor="let hint of images" class="feature {{ hint.background }}">
+    <div class="container">
+      <div class="row">
+        <div class="col-sm-4">
+          <div class="feature-title">{{ hint.title }}</div>
+          <div class="mt-3 feature-subtitle">{{ hint.subtitle }}</div>
+        </div>
+        <div class="col-sm-8">
+          <div *ngIf="hint.showPreloader" class="h-100 d-flex justify-content-center align-items-center">
+            <div class="spinner-border" style="width: 3rem; height: 3rem" role="status">
+              <span class="visually-hidden">Loading...</span>
+            </div>
+          </div>
+          <img
+            [hidden]="hint.showPreloader"
+            class="feature-image"
+            src="{{ hint.imageSrc }}"
+            alt="{{ hint.imageAlt }}"
+            (load)="showImage(hint)"
+            (error)="showImage(hint)"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="feature bg-white">
+  <div class="container">
+    <div class="feature-title">Готовы начать? Просто создайте свою первую заметку или шаблон</div>
+    <div class="mt-5">
+      <button type="button" class="btn btn-huge btn-primary" (click)="getStarted()">{{ getStartedButtonTitle }}</button>
+    </div>
+  </div>
+</div>
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.scss b/src/app/modules/interviews/components/interviews-home/interviews-home.component.scss
new file mode 100644
index 00000000..1c980f83
--- /dev/null
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.scss
@@ -0,0 +1,35 @@
+.lead {
+  font-size: 2.2rem;
+}
+
+.display-1 {
+  font-weight: 400;
+}
+
+.feature-title {
+  margin-top: 3rem;
+  font-size: 2.1rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+
+.feature {
+  padding: 4.6rem;
+}
+
+.feature-image {
+  max-width: 100%;
+  height: auto;
+  border-radius: 15px;
+  border: rgb(216, 216, 216) 1px solid;
+  box-shadow: 0 0.5rem 1rem #00000026;
+}
+
+.feature-subtitle {
+  font-size: 1.2rem;
+  color: #6c757d;
+}
+
+.bg-white {
+  background-color: #fff;
+}
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.spec.ts b/src/app/modules/interviews/components/interviews-home/interviews-home.component.spec.ts
new file mode 100644
index 00000000..f1293d1d
--- /dev/null
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.spec.ts
@@ -0,0 +1,38 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { InterviewsHomeComponent } from './interviews-home.component';
+import { SharedModule } from '@shared/shared.module';
+import { AuthService } from '@shared/services/auth/auth.service';
+import { MockAuthService, testUtilStubs, mostUsedServices } from '@shared/test-utils';
+import { NgxSpinnerService } from 'ngx-spinner';
+import { SpinnerService } from '@shared/services/spinners/spinner-service';
+import { RouterTestingModule } from '@angular/router/testing';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+
+describe('InterviewsHomeComponent', () => {
+  let component: InterviewsHomeComponent;
+  let fixture: ComponentFixture<InterviewsHomeComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      providers: [
+        { provide: AuthService, useClass: MockAuthService },
+        ...testUtilStubs,
+        ...mostUsedServices,
+        NgxSpinnerService,
+        SpinnerService
+      ],
+      declarations: [InterviewsHomeComponent],
+      imports: [RouterTestingModule, SharedModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  }));
+  beforeEach(() => {
+    fixture = TestBed.createComponent(InterviewsHomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts b/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts
new file mode 100644
index 00000000..30ce9aa1
--- /dev/null
+++ b/src/app/modules/interviews/components/interviews-home/interviews-home.component.ts
@@ -0,0 +1,116 @@
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import { ApplicationUserExtended } from '@models/extended';
+import { TitleService } from '@services/title.service';
+import { AuthService } from '@shared/services/auth/auth.service';
+import { SpinnerService } from '@shared/services/spinners/spinner-service';
+import { untilDestroyed } from '@shared/subscriptions/until-destroyed';
+
+interface ImageHint {
+  background: string;
+  title: string;
+  subtitle: string;
+  imageSrc: string;
+  imageAlt: string;
+  showPreloader: boolean;
+}
+
+@Component({
+  selector: 'app-interviews-home',
+  templateUrl: './interviews-home.component.html',
+  styleUrls: ['./interviews-home.component.scss']
+})
+export class InterviewsHomeComponent implements OnInit, OnDestroy {
+  showHomePage = false;
+  getStartedButtonTitle = 'Начать';
+  get showLoginButton(): boolean {
+    return this.currentUser == null;
+  }
+
+  images: Array<ImageHint> = [];
+
+  private currentUser: ApplicationUserExtended | null = null;
+
+  constructor(
+    private readonly titleService: TitleService,
+    private readonly authService: AuthService,
+    private readonly spinner: SpinnerService,
+    private readonly router: Router
+  ) {}
+
+  ngOnInit(): void {
+    this.titleService.resetTitle();
+    this.authService
+      .getCurrentUser()
+      .pipe(untilDestroyed(this))
+      .subscribe((currentUser) => {
+        this.currentUser = currentUser;
+        if (currentUser != null) {
+          this.getStartedButtonTitle = 'К моим заметкам';
+        }
+      });
+
+    this.images = [
+      {
+        background: 'bg-white',
+        title: 'Ведите заметки во время собеседования',
+        subtitle:
+          'Мы сохраним ваши заметки. Никто не сможет их посмотреть, кроме вас.',
+        imageSrc:
+          'https://object.pscloud.io/petrel-intranet-storage/public-files/5738785c-4522-4842-861e-c2b59903b228-conduct_interview_main_page.gif',
+        imageAlt: 'Conduct the interview GIF',
+        showPreloader: true
+      },
+      {
+        background: '',
+        title: 'Делитесь фидбеком',
+        subtitle: 'Вы можете поделиться фидбеком как markdown-документом. А также экспортнуть и в PDF.',
+        imageSrc:
+          'https://object.pscloud.io/petrel-intranet-storage/public-files/dfd35b14-26e8-4eab-bb3f-6ab4e69febfa-share_the_interview.gif',
+        imageAlt: 'Share the interview GIF',
+        showPreloader: true
+      },
+      {
+        background: 'bg-white',
+        title: 'Создавайте шаблоны',
+        subtitle:
+          'Создайте шаблон для интервью с часто задаваемыми вопросами. А если вы хотите поделиться шаблоном, то можете сделать его публичным.',
+        imageSrc:
+          'https://object.pscloud.io/petrel-intranet-storage/public-files/05dfc8cc-565f-4500-b4df-490175252e74-create_templates_main_page.gif',
+        imageAlt: 'Create interview templates GIF',
+        showPreloader: true
+      },
+      {
+        background: '',
+        title: 'Используйте шаблоны для интервью',
+        subtitle: 'Вы сможете быстро перенести вопросы на интервью с ваших личных шаблонов и публичных тоже.',
+        imageSrc:
+          'https://object.pscloud.io/petrel-intranet-storage/public-files/2aff4767-c3d1-4493-b138-de93b4383f16-use_templates_for_your_interview.gif',
+        imageAlt: 'Use templates for your interviews GIF',
+        showPreloader: true
+      }
+    ];
+  }
+
+  showImage(hint: ImageHint): void {
+    hint.showPreloader = false;
+  }
+
+  getStarted(): void {
+    if (this.currentUser == null) {
+      this.spinner.showTimer();
+      this.authService.login().then();
+      return;
+    }
+
+    this.router.navigateByUrl(this.getRedirectUrl());
+  }
+
+  ngOnDestroy(): void {
+    // ignored
+  }
+
+  private getRedirectUrl(): string {
+    return '/interviews/my';
+  }
+}
diff --git a/src/app/modules/interviews/components/my-interview-templates/my-interview-templates.component.html b/src/app/modules/interviews/components/my-interview-templates/my-interview-templates.component.html
index 3d058860..c08bb13b 100644
--- a/src/app/modules/interviews/components/my-interview-templates/my-interview-templates.component.html
+++ b/src/app/modules/interviews/components/my-interview-templates/my-interview-templates.component.html
@@ -1,4 +1,4 @@
-<app-page-header>My interview templates</app-page-header>
+<app-page-header>Мои шаблоны</app-page-header>
 
 <div class="container my-5" *ngIf="templates; else dataLoading">
   <div class="card">
@@ -7,11 +7,11 @@
         <table class="table table-hover table-sm">
           <thead>
             <th>#</th>
-            <th>Title</th>
-            <th>Subjects</th>
-            <th>Visibility</th>
-            <th>Labels</th>
-            <th>Last update</th>
+            <th>Название</th>
+            <th>Тем</th>
+            <th>Публичный?</th>
+            <th>Теги</th>
+            <th>Обновлено</th>
             <th></th>
           </thead>
           <tbody>
@@ -23,9 +23,9 @@
               <td><app-label *ngFor="let label of item.labels" [label]="label"></app-label></td>
               <td>{{ item.updatedAt | date: 'HH:mm yyyy-MM-dd' }}</td>
               <td>
-                <a routerLink="/interviews/templates/{{ item.id }}" class="btn-link-sm"> Open </a>
+                <a routerLink="/interviews/templates/{{ item.id }}" class="btn-link-sm"> Открыть</a>
                 <button type="button" class="btn-link-sm btn-link-danger ms-1" title="Delete" (click)="delete(item)">
-                  Delete
+                  Удалить
                 </button>
               </td>
             </tr>
@@ -45,11 +45,11 @@
 <ng-template #nothingToShow>
   <div class="card">
     <div class="card-body">
-      <div class="text-center">You haven't created any template.</div>
+      <div class="text-center">Вы не создали еще пока шаблонов.</div>
 
       <div class="text-center mt-3">
         <a routerLink="/interviews/templates/create" class="btn btn-primary">
-          <i class="bi bi-plus-circle"></i> Create template
+          <i class="bi bi-plus-circle"></i> Создать новый
         </a>
       </div>
     </div>
diff --git a/src/app/modules/interviews/components/my-interviews/my-interviews.component.html b/src/app/modules/interviews/components/my-interviews/my-interviews.component.html
index ff7c038d..40e87cd4 100644
--- a/src/app/modules/interviews/components/my-interviews/my-interviews.component.html
+++ b/src/app/modules/interviews/components/my-interviews/my-interviews.component.html
@@ -1,4 +1,4 @@
-<app-page-header>My interviews</app-page-header>
+<app-page-header>Мои заметки</app-page-header>
 
 <div class="container my-5" *ngIf="interviews; else dataLoading">
   <div class="card">
@@ -7,11 +7,11 @@
         <table class="table table-hover">
           <thead>
             <th>#</th>
-            <th>Candidate</th>
-            <th>Grade</th>
-            <th>Subjects</th>
-            <th>Labels</th>
-            <th>Last update</th>
+            <th>Кандидат</th>
+            <th>Грейд</th>
+            <th>Темы</th>
+            <th>Лейблы</th>
+            <th>Обновлено</th>
             <th></th>
           </thead>
           <tbody>
@@ -23,7 +23,7 @@
               <td><app-label *ngFor="let label of item.labels" [label]="label"></app-label></td>
               <td>{{ item.updatedAt | date: 'HH:mm yyyy-MM-dd' }}</td>
               <td>
-                <a routerLink="/interviews/{{ item.id }}" class="btn-link-sm"> <i class="fa fa-eye"></i> Open </a>
+                <a routerLink="/interviews/{{ item.id }}" class="btn-link-sm"> <i class="fa fa-eye"></i> Открыть</a>
               </td>
             </tr>
           </tbody>
@@ -42,10 +42,10 @@
 <ng-template #nothingToShow>
   <div class="card">
     <div class="card-body">
-      <div class="text-center">You haven't created any interview.</div>
+      <div class="text-center">Еще нет заметок.</div>
 
       <div class="text-center mt-3">
-        <a routerLink="/interviews/create" class="btn btn-primary"> <i class="bi bi-plus-circle"></i> Create </a>
+        <a routerLink="/interviews/create" class="btn btn-primary"> <i class="bi bi-plus-circle"></i> Начать интервью</a>
       </div>
     </div>
   </div>
diff --git a/src/app/modules/interviews/interviews-routing.module.ts b/src/app/modules/interviews/interviews-routing.module.ts
index dba09cd8..a439f00c 100644
--- a/src/app/modules/interviews/interviews-routing.module.ts
+++ b/src/app/modules/interviews/interviews-routing.module.ts
@@ -8,8 +8,11 @@ import { InterviewTemplatePageComponent } from './components/interview-template-
 import { MyInterviewTemplatesComponent } from './components/my-interview-templates/my-interview-templates.component';
 import { MyInterviewsComponent } from './components/my-interviews/my-interviews.component';
 import { PublicInterviewTemplatesComponent } from './components/public-interview-templates/public-interview-templates.component';
+import { InterviewsHomeComponent } from './components/interviews-home/interviews-home.component';
 
 const routes: Routes = [
+  { path: '', component: InterviewsHomeComponent },
+
   { path: 'templates/public', component: PublicInterviewTemplatesComponent },
   { path: 'templates/my', component: MyInterviewTemplatesComponent, canActivate: [AuthGuard] },
   { path: 'templates/create', component: InterviewTemplateEditPageComponent, canActivate: [AuthGuard] },
diff --git a/src/app/modules/interviews/interviews.module.ts b/src/app/modules/interviews/interviews.module.ts
index 6c2271c1..582e6474 100644
--- a/src/app/modules/interviews/interviews.module.ts
+++ b/src/app/modules/interviews/interviews.module.ts
@@ -13,6 +13,7 @@ import { PublicInterviewTemplatesComponent } from './components/public-interview
 import { MarkdownModule } from 'ngx-markdown';
 import { InterviewMarkdownModalDialogComponent } from './components/interview-page/interview-markdown-modal-dialog/interview-markdown-modal-dialog.component';
 import { NgSelectModule } from '@ng-select/ng-select';
+import { InterviewsHomeComponent } from './components/interviews-home/interviews-home.component';
 
 @NgModule({
   declarations: [
@@ -23,7 +24,8 @@ import { NgSelectModule } from '@ng-select/ng-select';
     InterviewEditPageComponent,
     InterviewPageComponent,
     PublicInterviewTemplatesComponent,
-    InterviewMarkdownModalDialogComponent
+    InterviewMarkdownModalDialogComponent,
+    InterviewsHomeComponent,
   ],
   imports: [
     CommonModule,
diff --git a/src/app/shared/components/data-loading-info-block/data-loading-info-block.component.ts b/src/app/shared/components/data-loading-info-block/data-loading-info-block.component.ts
index 77d51235..ec7b2476 100644
--- a/src/app/shared/components/data-loading-info-block/data-loading-info-block.component.ts
+++ b/src/app/shared/components/data-loading-info-block/data-loading-info-block.component.ts
@@ -6,5 +6,5 @@ import { Component, Input } from '@angular/core';
 })
 export class DataLoadingInfoBlockComponent {
   @Input()
-  title = 'Data is loading';
+  title = 'Загрузка данных';
 }
diff --git a/src/app/shared/components/dialogs/decline-dialog/decline-dialog.component.html b/src/app/shared/components/dialogs/decline-dialog/decline-dialog.component.html
index bebac267..806ceaee 100644
--- a/src/app/shared/components/dialogs/decline-dialog/decline-dialog.component.html
+++ b/src/app/shared/components/dialogs/decline-dialog/decline-dialog.component.html
@@ -15,14 +15,14 @@ <h5 class="modal-title">{{ messageSubject }}</h5>
             <br />
             <div class="form-group">
               <input type="text" class="form-control" formControlName="comment" placeholder="Comment" required />
-              <small class="form-text text-muted">Comment is required</small>
+              <small class="form-text text-muted">Текст обязателен</small>
               <app-field-error [field]="declineForm.get('comment')"></app-field-error>
             </div>
           </form>
         </div>
         <p class="confirm-button">
-          <button class="btn btn-outline-danger mr-1" (click)="decline()">Decline</button>
-          <button class="btn btn-outline-secondary" (click)="close()">Cancel</button>
+          <button class="btn btn-outline-danger mr-1" (click)="decline()">Отклонить</button>
+          <button class="btn btn-outline-secondary" (click)="close()">Отмена</button>
         </p>
       </div>
     </div>
diff --git a/src/app/shared/components/field-error/field-error.component.html b/src/app/shared/components/field-error/field-error.component.html
index ec2875c2..80fa1f49 100644
--- a/src/app/shared/components/field-error/field-error.component.html
+++ b/src/app/shared/components/field-error/field-error.component.html
@@ -1,13 +1,12 @@
 <div *ngIf="shouldShowError && errors" class="invalid-feedback d-block">
-  <div *ngIf="errors['required']">Value is required.</div>
-  <div *ngIf="errors['minlength']">Value must be at least 4 characters long.</div>
-  <div *ngIf="errors['spentTimeValueInvalid']">Worklog time field value is invalid</div>
+  <div *ngIf="errors['required']">Значение обязательно.</div>
+  <div *ngIf="errors['minlength']">Минимум 4 символа.</div>
   <div *ngIf="errors['ngbDate']">
-    <span *ngIf="errors['ngbDate']!.invalid">Invalid date</span>
+    <span *ngIf="errors['ngbDate']!.invalid">Некорректная дата</span>
   </div>
   <div *ngIf="errors['dateRange']">
     <p class="alert alert-danger small">
-      <strong>To date should be greater than From date.</strong> Please double-check the from and to dates.
+      <strong>Дата "До" должна быть позже, чем "От".</strong> Пожалуйста, проверьте введенные данные.
     </p>
   </div>
   <div *ngIf="errors['yearRange']">
@@ -16,10 +15,10 @@
     </p>
   </div>
   <div *ngIf="errors['max']">
-    <span>Maximum value is {{ max }}</span>
+    <span>Максимальное значение: {{ max }}</span>
   </div>
   <div *ngIf="errors['min']">
-    <span>Minimum value is {{ min }}</span>
+    <span>Минимальное значение: {{ min }}</span>
   </div>
   <div *ngIf="errors['Value']">
     <span>{{ errors['Value'] }}</span>
diff --git a/src/app/shared/components/go-back-button/go-back-button.component.html b/src/app/shared/components/go-back-button/go-back-button.component.html
index 1c8f72b4..dbce5693 100644
--- a/src/app/shared/components/go-back-button/go-back-button.component.html
+++ b/src/app/shared/components/go-back-button/go-back-button.component.html
@@ -1 +1 @@
-<a class="btn btn-outline-dark" (click)="goBack()"><i class="bi bi-arrow-left"></i> Back</a>
+<a class="btn btn-outline-dark" (click)="goBack()"><i class="bi bi-arrow-left"></i> Назад</a>
diff --git a/src/app/shared/components/loading-spinner/loading-spinner.component.html b/src/app/shared/components/loading-spinner/loading-spinner.component.html
index 4bb0b14f..55b68ec9 100644
--- a/src/app/shared/components/loading-spinner/loading-spinner.component.html
+++ b/src/app/shared/components/loading-spinner/loading-spinner.component.html
@@ -1,3 +1,3 @@
 <div class="spinner-border spinner-border-lg" role="status">
-  <span class="visually-hidden">Loading...</span>
+  <span class="visually-hidden">Загрузка...</span>
 </div>
diff --git a/src/app/shared/components/share-button/share-button.component.ts b/src/app/shared/components/share-button/share-button.component.ts
index 6265a2ad..c2cac99c 100644
--- a/src/app/shared/components/share-button/share-button.component.ts
+++ b/src/app/shared/components/share-button/share-button.component.ts
@@ -8,10 +8,10 @@ import { AbsoluteLink, ClipboardCopier } from '@shared/value-objects/clipboard-c
 })
 export class ShareButtonComponent implements OnInit {
 
-  static readonly copyBtnDefaultTitle = 'Share';
+  static readonly copyBtnDefaultTitle = 'Поделиться';
   private readonly copyBtnDefaultIcon = 'bi bi-share-fill me-1';
 
-  private readonly copiedBtnTitle = 'Copied';
+  private readonly copiedBtnTitle = 'Скопировано';
   private readonly copiedBtnIcon = 'bi bi-check2';
 
   btnTitle = '';
diff --git a/src/app/shared/components/user-profile-page/user-profile-page.component.html b/src/app/shared/components/user-profile-page/user-profile-page.component.html
index 10b4965b..4fd27361 100644
--- a/src/app/shared/components/user-profile-page/user-profile-page.component.html
+++ b/src/app/shared/components/user-profile-page/user-profile-page.component.html
@@ -10,21 +10,21 @@
         </li>
 
         <li class="list-group-item" *ngIf="!user.emailConfirmed">
-          <div class="small text-muted">Email confirmed</div>
+          <div class="small text-muted">Email подтвержден</div>
           <div class="">
             <span class="badge bg-warning text-dark">Not confirmed</span>
           </div>
         </li>
 
         <li class="list-group-item" *ngIf="user.deletedAt">
-          <div class="small text-muted">Status</div>
+          <div class="small text-muted">Статус</div>
           <div class="">
-            <span class="badge bg-danger text-light">Deleted</span>
+            <span class="badge bg-danger text-light">Удален</span>
           </div>
         </li>
 
         <li class="list-group-item">
-          <div class="small text-muted">Roles</div>
+          <div class="small text-muted">Роли</div>
           <div>
             <app-user-roles-label [userRoles]="user.roles"></app-user-roles-label>
           </div>
@@ -35,7 +35,7 @@
 
   <div class="col-sm-9">
     <div class="card card-body">
-      <div class="text-muted">Coming soon.</div>
+      <div class="text-muted">Пока работаем над этим.</div>
     </div>
   </div>
 </div>
diff --git a/src/index.html b/src/index.html
index 55a92d0b..eef66052 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="h-100">
+<html lang="ru" class="h-100">
   <head>
     <meta charset="utf-8" />
     <title>Tech.Interview</title>
@@ -8,12 +8,12 @@
     <meta name="robots" content="index, follow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <meta name="description" content="Here you can store your technical interview notes and share them" />
-    <meta name="keywords" content="technical interview, interview,coding" />
+    <meta name="description" content="Зарплаты в IT в Казахстане" />
+    <meta name="keywords" content="salaries, statistic, technical interview, interview, coding" />
     <meta name="copyright" content="Maxim Gorbatyuk" />
 
     <meta property="og:title" content="Tech.Interview" />
-    <meta property="og:description" content="Here you can store your technical interview notes and share them" />
+    <meta property="og:description" content="Зарплаты в IT в Казахстане" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://techinterview.space/" />
     <meta property="og:image" content="https://techinterview.space/assets/img/ti_logo_mini.png" />
@@ -22,7 +22,7 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:image" content="https://techinterview.space/assets/img/ti_logo_mini.png" />
     <meta name="twitter:title" content="Tech.Interview" />
-    <meta name="twitter:description" content="Here you can store your technical interview notes and share them" />
+    <meta name="twitter:description" content="Зарплаты в IT в Казахстане" />
     <meta name="twitter:site" content="@techinterview" />
     <meta name="twitter:creator" content="@maximgorbatyuk" />
   </head>
@@ -34,7 +34,7 @@
         <div class="container d-flex justify-content-between">
           <div class="d-inline-block">
             <div class="h4">Tech.Interview</div>
-            <div class="mt-3">Kazakhstan, Almaty</div>
+            <div class="mt-3">Алматы, Казахстан</div>
             <div class="mt-3">
               2024, 
               <a class="footer-link" href="https://mgorbatyuk.dev" target="_blank">© maximgorbatyuk</a>
@@ -42,20 +42,20 @@
           </div>
 
           <div class="d-inline-block">
-            <div class="h4">Useful links</div>
+            <div class="h4">Ссылки</div>
             <ul class="mt-3 no-bullets">
               <li>
-                <a class="footer-link" href="/"><i class="bi bi-chevron-right"></i><span class="ms-2">Home</span></a>
+                <a class="footer-link" href="/"><i class="bi bi-chevron-right"></i><span class="ms-2">Главная</span></a>
               </li>
               <li>
-                <a class="footer-link" href="/agreements/privacy-policy"
-                  ><i class="bi bi-chevron-right"></i><span class="ms-2">Privacy policy</span></a
-                >
+                <a class="footer-link" href="/agreements/privacy-policy">
+                  <i class="bi bi-chevron-right"></i><span class="ms-2">Пользовательское соглашение</span>
+                </a>
               </li>
               <li>
-                <a class="footer-link" href="/about-us"
-                  ><i class="bi bi-chevron-right"></i><span class="ms-2">About us</span></a
-                >
+                <a class="footer-link" href="/about-us">
+                  <i class="bi bi-chevron-right"></i><span class="ms-2">О нас</span>
+                </a>
               </li>
             </ul>
           </div>

From 357098336daf21da232f15d0be3c0b490abde37e Mon Sep 17 00:00:00 2001
From: "maxim.gorbatyuk" <maxim.gorbatyuk@outlook.com>
Date: Wed, 10 Apr 2024 22:21:19 +0500
Subject: [PATCH 2/2] Added history

---
 .../components/about-us/about-us.component.html    | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/modules/home/components/about-us/about-us.component.html b/src/app/modules/home/components/about-us/about-us.component.html
index 62ba4eba..918958a4 100644
--- a/src/app/modules/home/components/about-us/about-us.component.html
+++ b/src/app/modules/home/components/about-us/about-us.component.html
@@ -25,7 +25,7 @@
       </div>
 
       <div class="mb-3 mt-5">
-        <div class="mb-1 h5">в СМИ о нас</div>
+        <div class="mb-1 h5">СМИ о нас</div>
         <div>
           <a class="text-reset" href="https://digitalbusiness.kz/2024-03-12/almatinets-sozdal-servis-dlya-sbora-dannih-o-zarplatah-kazahstanskih-aytishnikov/" target="_blank">
             Алматинец создал сервис для сбора информации о зарплатах казахстанских айтишников
@@ -33,6 +33,18 @@
         </div>
       </div>
 
+      <div class="mb-3 mt-5">
+        <div class="mb-1 h5">История проекта</div>
+        <div class="mt-2">Меня зовут Максим, изначально я создавал платформу для ведения заметок во время технических интервью.</div>
+        <div class="mt-2">
+          В 2021-2022 годах я активно проводил собеседования на основной работе, а также был внешним интервьюером в другой компании.
+          Минимум раз в неделю общался с кандидатами и по каждому собеседованию нужно было оформлять фидбек по шаблонам и отдавать рекрутеру.
+          Мне ахотелось автоматизировать процесс, и так и родился сервис Tech.Interview. Я разработал его в первую очередь для себя, но в профессиональных чатах поделился ссылкой и предложил использовать всем желающим.
+          К сожалению, особой популярности у платформы не было. Через какое-то время я и сам перестал активно проводить собеседования, но оставил портал и продолжил платить за домен.
+        </div>
+        <div class="mt-2">В 2024 году решил создать сервис по сбору статистики по зарплатам, и самым простым решением было разработать его на базе уже существующей платформы.</div>
+      </div>
+
       <hr class="mt-5" />
       <div class="mt-3">
         <span><i class="bi bi-geo"></i></span>