feat(app): finish home page

src/api/routes/services/controller.ts

@@ -309,13 +309,13 @@ const showProgramsItems: ServiceItemType[] = [
     image: {
       alt: 'Бумажная дискотека',
       height: 241,
-      mobileHeight: 160,
+      mobileHeight: 205,
       mobilePosition: {
         left: -10,
         top: -24,
       },
       mobileSrc: diskoMobileImage,
-      mobileWidth: 330,
+      mobileWidth: 350,
       position: {
         left: -20,
         top: -24,

src/api/routes/statistic/controller.ts

@@ -204,12 +204,13 @@ const birthdayItems: StatisticsItem[] = [
 
 const homeItems: StatisticsItem[] = [
   {
+    mobileText: 'Ежегодно нас выбирают и к нам\\n возвращаются тысячи клиентов,\\n потому что:',
     size: {
       sm: 'auto',
       width: 'auto',
       xs: 12,
     },
-    text: 'Ежегодно нас выбирают и к нам возвращаются тысячи клиентов, потому что:',
+    text: 'Ежегодно нас выбирают\\n и к нам возвращаются\\n тысячи клиентов, потому что:',
     title: 'Доверьтесь лидеру\\n в сфере развлечений',
   },
   {
@@ -224,8 +225,8 @@ const homeItems: StatisticsItem[] = [
       mobileSrc: PinataMobileImg,
       mobileWidth: 128,
       position: {
-        right: 0,
+        right: 1,
-        top: -14,
+        top: -12,
       },
       src: PinataDesktopImg,
       width: 123,
@@ -251,7 +252,7 @@ const homeItems: StatisticsItem[] = [
       mobileWidth: 112,
       position: {
         right: 28,
-        top: 11,
+        top: 14,
       },
       src: StarDesktopImg,
       width: 66,
@@ -301,7 +302,7 @@ const homeItems: StatisticsItem[] = [
       },
       mobileWidth: 131,
       position: {
-        right: 20,
+        right: 16,
         top: -5,
       },
       src: CupMobileImg,

src/api/routes/text/controller.ts

@@ -3,67 +3,100 @@ import { v4 as uuid } from 'uuid';
 
 import { PAGE_LINK, TextSection } from '../../../constants';
 
-const birthdayTitleText = {
+type TitleText = {
+  age?: {
+    styles?: object;
+    text: string;
+  };
+  description?: string;
+  id?: string;
+  labels?: {
+    items: {
+      mark?: true;
+      markMobile?: true;
+      text: string;
+    }[];
+    styles?: object;
+  };
+  mobileDescription?: string;
+  mobileTitle?: string;
+  partySize?: {
+    max: number;
+    min: number;
+    styles?: object;
+  };
+  subtitle?: string;
+  time?: {
+    styles?: object;
+    text: string;
+  };
+  title: string;
+};
+
+const birthdayTitleText: TitleText = {
   description: 'Организуем незабываемый праздник в новом формате: выгодные комбо, тематические программы, '
     + 'творческие мастер-классы и многое другое ждёт Вас \\n в нашем мире развлечений',
   title: 'День Рождения',
 };
 
-const graduationTitleText = {
+const graduationTitleText: TitleText = {
   description: 'Организуем незабываемый праздник в новом формате: выгодные комбо, индивидуальные дипломы, '
     + 'творческие мастер-классы и многое другое ждёт вас в нашем мире развлечений',
   title: 'Выпускной',
 };
 
-const outdoorsTitleText = {
+const outdoorsTitleText: TitleText = {
   description: 'Организуем незабываемый праздник в новом формате: выгодные комбо, '
     + 'тематические программы, творческие мастер-классы и многое другое ждёт вас в нашем мире развлечений',
   title: 'Выездной праздник',
 };
 
-const questsTitleText = {
+const questsTitleText: TitleText = {
   description: 'Выбираете квест для ребенка? Может, для компании своих друзей/коллег? '
     + 'Или просто хотите отдохнуть всей семьей?\\n\\n '
-    + 'У нас есть решения под любые цели и для любых возрастов!\n',
+    + 'У нас есть решения под любые цели и для любых возрастов!\\n',
   title: 'Квесты',
 };
 
-const faqTitleText = {
+const faqTitleText: TitleText = {
   description: 'Раздел с подробной информацией по каждой услуге. Чтобы посмотреть ответы на вопросы, выберите интересующую Вас категорию',
   title: 'Часто задаваемые вопросы',
 };
 
-const contactsTitleText = {
+const contactsTitleText: TitleText = {
   description: 'Раздел с подробной информацией о способах связи. Если у Вас остались вопросы, оставьте заявку на обратный звонок',
   title: 'Контактная информация',
 };
 
-const aboutTitleText = {
+const aboutTitleText: TitleText = {
   description: 'История открытия и развития Аркидс Парка\\n и то, что мы делаем для Вас сегодня',
   title: 'Информация о парке',
 };
 
-const masterClassesTitleText = {
+const masterClassesTitleText: TitleText = {
   description: 'Сделайте праздник ярче, добавив фирменный мастер-класс\\n '
     + 'к любой комбо-программе из категорий «День Рождения»,\\n «Выпускной», «Выездной праздник»',
   title: 'Мастер-классы',
 };
 
-const showProgramsTitleText = {
+const showProgramsTitleText: TitleText = {
   description: 'Сделайте праздник ярче, добавив фирменное шоу\\n'
     + ' к любой комбо-программе из категорий «День Рождения», «Выпускной», «Выездной праздник»',
-  title: 'ШОУ-ПРОГРАММЫ\\n И ДИСКОТЕКИ',
+  title: 'ШОУ-ПРОГРАММЫ\n И ДИСКОТЕКИ',
 };
 
-const priceTitleText = {
+const priceTitleText: TitleText = {
-  description: 'Чтобы ознакомиться со стоимостью услуг,\n'
+  description: 'Чтобы ознакомиться со стоимостью услуг,\\n'
     + 'выберите интересующую Вас категорию',
+  mobileDescription: 'Чтобы ознакомиться\\n'
+    + 'со стоимостью услуг, выберите\\n'
+    + 'интересующую Вас категорию',
   title: 'Ценовая политика ',
 };
 
-const maintenanceTitleText = {
+const maintenanceTitleText: TitleText = {
-  description: 'Едете с детьми на свадьбу, корпоратив или сами организуете\n'
+  description: 'Едете с детьми на свадьбу, корпоратив или сами организуете\\n'
-    + 'выездное мероприятие? Мы знаем, как помочь Вам отдохнуть\n'
+    + 'выездное мероприятие? Мы знаем, как помочь Вам отдохнуть\\n'
     + 'и организовать детский досуг!',
   subtitle: 'на мероприятиях',
   title: 'СОПРОВОЖДЕНИЕ ДЕТЕЙ',
@@ -99,7 +132,7 @@ const maintenanceSteps = [
   },
 ];
 
-const themedCombosTitleText = {
+const themedCombosTitleText: TitleText = {
   age: {
     text: '2-15',
   },
@@ -178,8 +211,8 @@ const contactsInfo = {
 };
 
 const parkInfo = {
-  text: '- интерактивный парк нового поколения,\n'
+  text: '- интерактивный парк нового поколения,\\n'
-    + '            объединяющий популярные услуги\n'
+    + '            объединяющий популярные услуги\\n'
     + '            и развлечения для детей и взрослых',
   title: 'Аркидс Парк',
 };