add "welcome" page

src/layouts/BorisLayout/styles.module.scss

@@ -5,6 +5,7 @@
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
+  padding-bottom: $bar_height + $gap;
 }
 
 .grid {

src/layouts/MainLayout/styles.module.scss

@@ -1,4 +1,4 @@
-@import "src/styles/variables";
+@import 'src/styles/variables';
 
 .wrapper {
   width: 100%;
@@ -15,7 +15,6 @@
   position: relative;
   width: 100%;
   display: flex;
-  padding-bottom: 29px;
   flex-direction: column;
   align-items: center;
 }

src/layouts/NodeLayout/styles.module.scss

@@ -6,6 +6,7 @@
   justify-content: flex-start;
   align-items: center;
   flex-direction: column;
+  margin-bottom: $bar_height + $gap;
 }
 
 .content {

src/layouts/WelcomeLayout/index.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { HistorySlide } from '~/components/welcome/HistorySlide';
+import { PersonsSlide } from '~/components/welcome/PersonsSlide';
+import { WelcomeSlide } from '~/components/welcome/WelcomeSlide';
+
+import styles from './styles.module.scss';
+
+const WelcomeLayout = () => (
+  <div className={styles.layout}>
+    <WelcomeSlide />
+    <HistorySlide />
+    <PersonsSlide />
+  </div>
+);
+
+export { WelcomeLayout };

src/layouts/WelcomeLayout/styles.module.scss

@@ -0,0 +1,5 @@
+@import 'src/styles/variables';
+
+.layout {
+  margin-top: -$header_height;
+}