feat/landing-third-step

.yarnrc.yml

@@ -10,6 +10,9 @@ packageExtensions:
   '@atls-ui-proto/theme@*':
     dependencies:
       react: '17.0.1'
+  '@atls-ui-parts/layout@*':
+    dependencies:
+      react: '17.0.1'
   '@atls/config-jest@*':
     dependencies:
       jest: '28.0.0'

landing/entrypoints/renderer/locales/ru.json

@@ -1,50 +1,63 @@
 {
-  "aboutCentralIdeaDesktop": "Atlantis Academy обучает и формирует инженеров и архитекторов, а не программистов и дизайнеров",
-  "aboutCentralIdeaMobile": "Atlantis Academy формирует инженеров и архитекторов, а не программистов и дизайнеров",
-  "aboutIntroMobile": "Digital становится всё более многолюдным, востребованность по направлениям при этом не снижается. Но специалистов, готовых нести ответсвенность за свои решения по-прежнему мало.",
-  "aboutTextIntroDesktop": "Digital становится всё более многолюдным, востребованность по направлениям при этом не снижается",
-  "aboutTextProblemDesktop": "Но специалистов, готовых нести ответсвенность за свои решения по-прежнему мало",
-  "coursesButton": "Все материалы",
-  "coursesCardBasisCategory": "мини-курс",
-  "coursesCardBasisText": "Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий",
-  "coursesCardBasisTitle": "Основы разработки",
-  "coursesCardFrontendCategory": "обучение",
-  "coursesCardFrontendText": "Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий",
-  "coursesCardFrontendTitle": "Frontend Engineer",
-  "coursesSidebarButtonDesktop": "Процесс поступления",
-  "coursesSidebarNumber": "5",
-  "coursesSidebarSign": "студентов обучаются в одной практической группе",
-  "coursesSidebarSubtitle": "Вы изучите фундаментальные знания в IT и прокачаете нужные для сферы навыки. Мы не собираем большие группы, что позволяет курировать работу каждого студента.",
-  "coursesCardLearningMaterialDesign": "Дизайн, Figma, Математика",
-  "coursesCardLearningMaterial": "учебный материал",
-  "coursesCardLearningMaterialLibraries": "Как использовать библиотеки",
-  "coursesSubtitleAdvantageOfLearning": "Эффективность обучения заметно вырастает благодаря практики на существующих проектах.",
-  "coursesSubtitleAtlantisPowerBroker": "Являясь серым кардиналом, Atlantis имеет влияние на сферу IT и неограниченные возможности в применении навыков.",
-  "coursesTitle": "Курсы и материалы",
-  "faqButton": "Задать вопрос",
-  "faqQuestion": "Подойдёт ли мне профессия?",
-  "faqTitle": "Вопросы и ответы",
-  "heroSlogan": "Мы не учим программированию и дизайну, мы учим мышлению, способному реализовывывать невозможные идеи",
-  "heroTitleIt": "IT",
-  "heroTitleProfessionals": "профессионалов",
-  "heroTitleRevolution": "для революции в",
-  "heroTitleTeach": "Обучаем",
-  "navigationAcademy": "academy",
-  "navigationButton": "Курсы",
-  "navigationCourses": "курсы",
-  "navigationTeaching": "обучение",
-  "navigationFaq": "faq",
-  "processItemCreateEnvironment": "Создание среды",
-  "processItemCreateEnvironmentText": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT и неограниченные.",
-  "processItemPracticalWork": "Практика изученого",
-  "processItemPracticalWorkText": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT и неограниченные.",
-  "processItemProjectIntegration": "Интеграция в проект",
-  "processItemProjectIntegrationText": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT и неограниченные.",
-  "processItemStudiesOfTechnologies": "Изучение технологий",
-  "processItemStudiesOfTechnologiesText": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT и неограниченные.",
-  "processItemTeamIntegration": "Интеграция в команду",
-  "processItemTeamIntegrationText": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT и неограниченные.",
-  "sliderSign": "Формирование системы базовых фрагментов и компонентов",
-  "sliderSlogan": "Любой процесс перестаёт быть сложным, когда знаешь как он протекает",
-  "sliderSubtitle": "процесс создания"
+  "about.central-idea-desktop": "Atlantis Academy обучает и формирует инженеров и архитекторов, а не программистов и дизайнеров",
+  "about.central-idea-atlantis-teach-mobile": "Atlantis Academy обучает",
+  "about.central-idea-make-engineers-mobile": "и формирует инженеров",
+  "about.central-idea-architects-mobile": "и архитекторов,",
+  "about.central-idea-not-programmers-mobile": "а не программистов и дизайнеров",
+  "about.intro-digital-mobile": "Digital становится всё более многолюдным, востребованность по направлениям при этом",
+  "about.intro-not-decrease-mobile": "не снижается. Но специалистов, готовых нести ответсвенность",
+  "about.intro-for-your-decisions-mobile": "за свои решения по-прежнему мало.",
+  "about.intro-desktop": "Digital становится всё более многолюдным, востребованность по направлениям при этом не снижается",
+  "about.problem-desktop": "Но специалистов, готовых нести ответсвенность за свои решения по-прежнему мало",
+  "courses.button.all-materials": "Все материалы",
+  "courses.card.minicourse": "мини-курс",
+  "courses.card.you-will-learn-fundamental-knowledge-in-it": "Вы изучите фундаментальные знания в ИТ и прокачаетесь в направлении программирования. Получите востребованную профессию и возможность открыть бизнес в сфере информационных технологий",
+  "courses.card.development-basics": "Основы разработки",
+  "courses.card.training": "обучение",
+  "courses.card.frontend-engineer": "Frontend Engineer",
+  "courses.card.design-figma-math": "Дизайн, Figma, Математика",
+  "courses.card.learning-material": "учебный материал",
+  "courses.card.how-use-libraries": "Как использовать библиотеки",
+  "courses.sidebar.button-desktop": "Процесс поступления",
+  "courses.sidebar.number": "5",
+  "courses.sidebar.sign": "студентов обучаются в одной практической группе",
+  "courses.sidebar.subtitle": "Вы изучите фундаментальные знания в IT и прокачаете нужные для сферы навыки. Мы не собираем большие группы, что позволяет курировать работу каждого студента.",
+  "courses.subtitle.advantage-of-learning": "Эффективность обучения заметно вырастает из-за",
+  "courses.subtitle.practice": "практики",
+  "courses.subtitle.on-existing-projects": "на существующих проектах.",
+  "courses.subtitle.power-broker": "Являясь серым кардиналом,",
+  "courses.subtitle.atlantis": "Atlantis",
+  "courses.subtitle.has-an-impact-on": "имеет влияние на",
+  "courses.subtitle.it": "сферу IT",
+  "courses.subtitle.unlimited-possibilities": "и неограниченные возможности в",
+  "courses.subtitle.use-skills": "применении навыков",
+  "courses.subtitle.point": ".",
+  "courses.title": "Курсы и материалы",
+  "faq.button": "Задать вопрос",
+  "faq.question": "Подойдёт ли мне профессия?",
+  "faq.title": "Вопросы и ответы",
+  "hero.slogan-desktop": "Мы не учим программированию и дизайну, мы учим мышлению, способному реализовывать невозможные идеи",
+  "hero.slogan-we-dont-teach-mobile": "Мы не учим программированию и дизайну,",
+  "hero.slogan-we-teach-mobile": "мы учим мышлению, способному реализовывать невозможные идеи",
+  "hero.title.it": "IT",
+  "hero.title.text": "Обучаем профессионалов для революции в",
+  "navigation.button": "Курсы",
+  "navigation.item.academy": "academy",
+  "navigation.item.courses": "курсы",
+  "navigation.item.teaching": "обучение",
+  "navigation.item.faq": "faq",
+  "process.item.text": "Являясь серым кардиналом Atlantis имеет влияние на сферу IT.",
+  "process.item.create-environment": "Создание среды",
+  "process.item.practical-work": "Практика изученого",
+  "process.item.project-integration": "Интеграция в проект",
+  "process.item.studies-of-technologies": "Изучение технологий",
+  "process.item.team-integration": "Интеграция в команду",
+  "slider.sign": "Формирование системы базовых фрагментов и компонентов",
+  "slider.subtitle": "процесс создания",
+  "slider.slogan.any-process-stops": "Любой процесс перестаёт",
+  "slider.slogan.be": "быть",
+  "slider.slogan.difficult": "сложным,",
+  "slider.slogan.when": "когда",
+  "slider.slogan.you-know": "знаешь",
+  "slider.slogan.how-it-happen": "как он протекает"
 }

landing/entrypoints/renderer/package.json

@@ -16,7 +16,8 @@
     "next": "12.3.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-intl": "6.4.4"
+    "react-intl": "6.4.4",
+    "react-scroll-parallax": "3.3.2"
   },
   "devDependencies": {
     "@formatjs/cli": "6.1.3",

landing/entrypoints/renderer/src/pages/_app.tsx

@@ -1,14 +1,17 @@
-import * as messages     from '../../locales/ru.json'
+import * as messages        from '../../locales/ru.json'
 
-import React             from 'react'
-import { IntlProvider }  from 'react-intl'
+import React                from 'react'
+import { IntlProvider }     from 'react-intl'
+import { ParallaxProvider } from 'react-scroll-parallax'
 
-import { ThemeProvider } from '@ui/theme'
+import { ThemeProvider }    from '@ui/theme'
 
 const App = ({ Component, pageProps, ...props }) => (
   <IntlProvider messages={messages} locale='ru' defaultLocale='ru'>
     <ThemeProvider>
-      <Component {...pageProps} {...props} />
+      <ParallaxProvider>
+        <Component {...pageProps} {...props} />
+      </ParallaxProvider>
     </ThemeProvider>
   </IntlProvider>
 )