From 1a8dc57fa9de1007aa34d9540e21ed05e39815b3 Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Thu, 29 Feb 2024 14:21:22 +0300
Subject: [PATCH 1/6] change roots for old/new landings

---
 frontend/src/AppRoutes.jsx                          |   8 ++++----
 frontend/src/{ => pages}/landing/Faq.jsx            |   0
 frontend/src/{ => pages}/landing/Footer.jsx         |   0
 frontend/src/{ => pages}/landing/Header.jsx         |   2 +-
 frontend/src/{ => pages}/landing/Landing.jsx        |   2 +-
 .../src/{ => pages}/landing/assets/BGElement.svg    |   0
 frontend/src/{ => pages}/landing/assets/Burger.svg  |   0
 .../landing/assets/DisplayWithCode1.jpeg            | Bin
 .../landing/assets/DisplayWithCode2.jpeg            | Bin
 .../landing/assets/DisplayWithCode3.jpeg            | Bin
 .../landing/assets/DisplayWithCode4.jpeg            | Bin
 .../landing/assets/DisplayWithCode5.jpeg            | Bin
 .../src/{ => pages}/landing/assets/Icons=Code.svg   |   0
 .../{ => pages}/landing/assets/Icons=Devices.svg    |   0
 .../{ => pages}/landing/assets/Icons=Languages.svg  |   0
 .../src/{ => pages}/landing/assets/Icons=Share.svg  |   0
 .../{ => pages}/landing/assets/Icons=TeamWork.svg   |   0
 .../{ => pages}/landing/assets/Icons=Template.svg   |   0
 .../{ => pages}/landing/assets/LogoFooterDark.svg   |   0
 .../{ => pages}/landing/assets/LogoFooterLight.svg  |   0
 .../landing/assets/LogoHeaderDarkTheme.svg          |   0
 .../landing/assets/LogoHeaderLightTheme.svg         |   0
 .../src/{ => pages}/landing/assets/ReadyAssets.jpeg | Bin
 .../{ => pages}/landing/assets/SmallBGElement.svg   |   0
 .../landing/assets/Telegram_dark_theme.svg          |   0
 .../landing/assets/Telegram_dark_theme_mobile.svg   |   0
 .../landing/assets/Telegram_light_theme.svg         |   0
 .../landing/assets/Telegram_light_theme_mobile.svg  |   0
 .../landing/assets/Twitter_dark_theme.svg           |   0
 .../landing/assets/Twitter_dark_theme_mobile.svg    |   0
 .../landing/assets/Twitter_light_theme.svg          |   0
 .../landing/assets/Twitter_light_theme_mobile.svg   |   0
 .../{ => pages}/landing/assets/VK_dark_theme.svg    |   0
 .../landing/assets/VK_dark_theme_mobile.svg         |   0
 .../{ => pages}/landing/assets/VK_light_theme.svg   |   0
 .../landing/assets/VK_light_theme_mobile.svg        |   0
 .../landing/assets/YouTube_dark_theme.svg           |   0
 .../landing/assets/YouTube_dark_theme_mobile.svg    |   0
 .../landing/assets/YouTube_light_theme.svg          |   0
 .../landing/assets/YouTube_light_theme_mobile.svg   |   0
 .../landing/assets/fonts/NunitoSans_10pt-Bold.ttf   | Bin
 .../landing/assets/fonts/NunitoSans_10pt-Light.ttf  | Bin
 .../assets/fonts/NunitoSans_10pt-SemiBold.ttf       | Bin
 frontend/src/{ => pages}/landing/custom-colors.scss |   0
 frontend/src/{ => pages}/landing/landing.scss       |   0
 .../src/pages/{landing => old-landing}/checked.svg  |   0
 .../src/pages/{landing => old-landing}/index.jsx    |   0
 .../pages/{landing => old-landing}/index.module.css |   0
 frontend/src/routes.js                              |   2 +-
 49 files changed, 7 insertions(+), 7 deletions(-)
 rename frontend/src/{ => pages}/landing/Faq.jsx (100%)
 rename frontend/src/{ => pages}/landing/Footer.jsx (100%)
 rename frontend/src/{ => pages}/landing/Header.jsx (99%)
 rename frontend/src/{ => pages}/landing/Landing.jsx (99%)
 rename frontend/src/{ => pages}/landing/assets/BGElement.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Burger.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/DisplayWithCode1.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/DisplayWithCode2.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/DisplayWithCode3.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/DisplayWithCode4.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/DisplayWithCode5.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=Code.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=Devices.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=Languages.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=Share.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=TeamWork.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Icons=Template.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/LogoFooterDark.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/LogoFooterLight.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/LogoHeaderDarkTheme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/LogoHeaderLightTheme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/ReadyAssets.jpeg (100%)
 rename frontend/src/{ => pages}/landing/assets/SmallBGElement.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Telegram_dark_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Telegram_dark_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Telegram_light_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Telegram_light_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Twitter_dark_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Twitter_dark_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Twitter_light_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/Twitter_light_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/VK_dark_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/VK_dark_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/VK_light_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/VK_light_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/YouTube_dark_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/YouTube_dark_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/YouTube_light_theme.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/YouTube_light_theme_mobile.svg (100%)
 rename frontend/src/{ => pages}/landing/assets/fonts/NunitoSans_10pt-Bold.ttf (100%)
 rename frontend/src/{ => pages}/landing/assets/fonts/NunitoSans_10pt-Light.ttf (100%)
 rename frontend/src/{ => pages}/landing/assets/fonts/NunitoSans_10pt-SemiBold.ttf (100%)
 rename frontend/src/{ => pages}/landing/custom-colors.scss (100%)
 rename frontend/src/{ => pages}/landing/landing.scss (100%)
 rename frontend/src/pages/{landing => old-landing}/checked.svg (100%)
 rename frontend/src/pages/{landing => old-landing}/index.jsx (100%)
 rename frontend/src/pages/{landing => old-landing}/index.module.css (100%)

diff --git a/frontend/src/AppRoutes.jsx b/frontend/src/AppRoutes.jsx
index 44f3ef2f..91f4c01e 100644
--- a/frontend/src/AppRoutes.jsx
+++ b/frontend/src/AppRoutes.jsx
@@ -11,8 +11,8 @@ import ScrollToTop from './utils/scrollToTop.js';
 
 import DefaultLoader from './components/Loaders/DefaultLoader.jsx';
 
-const Landing = lazy(() => import('./pages/landing'));
-const NewLanding = lazy(() => import('./landing/Landing.jsx'));
+const Landing = lazy(() => import('./pages/landing/Landing.jsx'));
+const OldLanding = lazy(() => import('./pages/old-landing'));
 
 const ProfilePage = lazy(() => import('./pages/profile'));
 const SettingsPage = lazy(() => import('./pages/settings'));
@@ -55,9 +55,9 @@ function AppRoutes() {
     <Suspense fallback={<DefaultLoader />}>
       <ScrollToTop />
       <Routes>
-        <Route path={routes.newLandingPath()} element={<NewLanding />} />
+        <Route index element={<Landing />} />
         <Route element={<Layout />}>
-          <Route index element={<Landing />} />
+          <Route path={routes.oldLandingPath()} element={<OldLanding />} />
           <Route path={routes.homePagePath()} element={<SnippetPage />} />
           <Route path={routes.snippetPagePath()} element={<SnippetPage />} />
           <Route path={routes.aboutPagePath()} element={<AboutPage />} />
diff --git a/frontend/src/landing/Faq.jsx b/frontend/src/pages/landing/Faq.jsx
similarity index 100%
rename from frontend/src/landing/Faq.jsx
rename to frontend/src/pages/landing/Faq.jsx
diff --git a/frontend/src/landing/Footer.jsx b/frontend/src/pages/landing/Footer.jsx
similarity index 100%
rename from frontend/src/landing/Footer.jsx
rename to frontend/src/pages/landing/Footer.jsx
diff --git a/frontend/src/landing/Header.jsx b/frontend/src/pages/landing/Header.jsx
similarity index 99%
rename from frontend/src/landing/Header.jsx
rename to frontend/src/pages/landing/Header.jsx
index af046b38..747361ea 100644
--- a/frontend/src/landing/Header.jsx
+++ b/frontend/src/pages/landing/Header.jsx
@@ -9,7 +9,7 @@ import {
   Col,
 } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
-import routes from '../routes';
+import routes from '../../routes.js';
 
 import RunItLogoLight from './assets/LogoHeaderLightTheme.svg';
 import RunItLogoDark from './assets/LogoHeaderDarkTheme.svg';
diff --git a/frontend/src/landing/Landing.jsx b/frontend/src/pages/landing/Landing.jsx
similarity index 99%
rename from frontend/src/landing/Landing.jsx
rename to frontend/src/pages/landing/Landing.jsx
index 575b30fd..ba295de7 100644
--- a/frontend/src/landing/Landing.jsx
+++ b/frontend/src/pages/landing/Landing.jsx
@@ -2,7 +2,7 @@ import { Link } from 'react-router-dom';
 import { Button, Col, Container, Image, Row } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { useEffect, useRef } from 'react';
-import routes from '../routes.js';
+import routes from '../../routes.js';
 import Faq from './Faq.jsx';
 import Header from './Header.jsx';
 import Footer from './Footer.jsx';
diff --git a/frontend/src/landing/assets/BGElement.svg b/frontend/src/pages/landing/assets/BGElement.svg
similarity index 100%
rename from frontend/src/landing/assets/BGElement.svg
rename to frontend/src/pages/landing/assets/BGElement.svg
diff --git a/frontend/src/landing/assets/Burger.svg b/frontend/src/pages/landing/assets/Burger.svg
similarity index 100%
rename from frontend/src/landing/assets/Burger.svg
rename to frontend/src/pages/landing/assets/Burger.svg
diff --git a/frontend/src/landing/assets/DisplayWithCode1.jpeg b/frontend/src/pages/landing/assets/DisplayWithCode1.jpeg
similarity index 100%
rename from frontend/src/landing/assets/DisplayWithCode1.jpeg
rename to frontend/src/pages/landing/assets/DisplayWithCode1.jpeg
diff --git a/frontend/src/landing/assets/DisplayWithCode2.jpeg b/frontend/src/pages/landing/assets/DisplayWithCode2.jpeg
similarity index 100%
rename from frontend/src/landing/assets/DisplayWithCode2.jpeg
rename to frontend/src/pages/landing/assets/DisplayWithCode2.jpeg
diff --git a/frontend/src/landing/assets/DisplayWithCode3.jpeg b/frontend/src/pages/landing/assets/DisplayWithCode3.jpeg
similarity index 100%
rename from frontend/src/landing/assets/DisplayWithCode3.jpeg
rename to frontend/src/pages/landing/assets/DisplayWithCode3.jpeg
diff --git a/frontend/src/landing/assets/DisplayWithCode4.jpeg b/frontend/src/pages/landing/assets/DisplayWithCode4.jpeg
similarity index 100%
rename from frontend/src/landing/assets/DisplayWithCode4.jpeg
rename to frontend/src/pages/landing/assets/DisplayWithCode4.jpeg
diff --git a/frontend/src/landing/assets/DisplayWithCode5.jpeg b/frontend/src/pages/landing/assets/DisplayWithCode5.jpeg
similarity index 100%
rename from frontend/src/landing/assets/DisplayWithCode5.jpeg
rename to frontend/src/pages/landing/assets/DisplayWithCode5.jpeg
diff --git a/frontend/src/landing/assets/Icons=Code.svg b/frontend/src/pages/landing/assets/Icons=Code.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=Code.svg
rename to frontend/src/pages/landing/assets/Icons=Code.svg
diff --git a/frontend/src/landing/assets/Icons=Devices.svg b/frontend/src/pages/landing/assets/Icons=Devices.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=Devices.svg
rename to frontend/src/pages/landing/assets/Icons=Devices.svg
diff --git a/frontend/src/landing/assets/Icons=Languages.svg b/frontend/src/pages/landing/assets/Icons=Languages.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=Languages.svg
rename to frontend/src/pages/landing/assets/Icons=Languages.svg
diff --git a/frontend/src/landing/assets/Icons=Share.svg b/frontend/src/pages/landing/assets/Icons=Share.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=Share.svg
rename to frontend/src/pages/landing/assets/Icons=Share.svg
diff --git a/frontend/src/landing/assets/Icons=TeamWork.svg b/frontend/src/pages/landing/assets/Icons=TeamWork.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=TeamWork.svg
rename to frontend/src/pages/landing/assets/Icons=TeamWork.svg
diff --git a/frontend/src/landing/assets/Icons=Template.svg b/frontend/src/pages/landing/assets/Icons=Template.svg
similarity index 100%
rename from frontend/src/landing/assets/Icons=Template.svg
rename to frontend/src/pages/landing/assets/Icons=Template.svg
diff --git a/frontend/src/landing/assets/LogoFooterDark.svg b/frontend/src/pages/landing/assets/LogoFooterDark.svg
similarity index 100%
rename from frontend/src/landing/assets/LogoFooterDark.svg
rename to frontend/src/pages/landing/assets/LogoFooterDark.svg
diff --git a/frontend/src/landing/assets/LogoFooterLight.svg b/frontend/src/pages/landing/assets/LogoFooterLight.svg
similarity index 100%
rename from frontend/src/landing/assets/LogoFooterLight.svg
rename to frontend/src/pages/landing/assets/LogoFooterLight.svg
diff --git a/frontend/src/landing/assets/LogoHeaderDarkTheme.svg b/frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg
similarity index 100%
rename from frontend/src/landing/assets/LogoHeaderDarkTheme.svg
rename to frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg
diff --git a/frontend/src/landing/assets/LogoHeaderLightTheme.svg b/frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg
similarity index 100%
rename from frontend/src/landing/assets/LogoHeaderLightTheme.svg
rename to frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg
diff --git a/frontend/src/landing/assets/ReadyAssets.jpeg b/frontend/src/pages/landing/assets/ReadyAssets.jpeg
similarity index 100%
rename from frontend/src/landing/assets/ReadyAssets.jpeg
rename to frontend/src/pages/landing/assets/ReadyAssets.jpeg
diff --git a/frontend/src/landing/assets/SmallBGElement.svg b/frontend/src/pages/landing/assets/SmallBGElement.svg
similarity index 100%
rename from frontend/src/landing/assets/SmallBGElement.svg
rename to frontend/src/pages/landing/assets/SmallBGElement.svg
diff --git a/frontend/src/landing/assets/Telegram_dark_theme.svg b/frontend/src/pages/landing/assets/Telegram_dark_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/Telegram_dark_theme.svg
rename to frontend/src/pages/landing/assets/Telegram_dark_theme.svg
diff --git a/frontend/src/landing/assets/Telegram_dark_theme_mobile.svg b/frontend/src/pages/landing/assets/Telegram_dark_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/Telegram_dark_theme_mobile.svg
rename to frontend/src/pages/landing/assets/Telegram_dark_theme_mobile.svg
diff --git a/frontend/src/landing/assets/Telegram_light_theme.svg b/frontend/src/pages/landing/assets/Telegram_light_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/Telegram_light_theme.svg
rename to frontend/src/pages/landing/assets/Telegram_light_theme.svg
diff --git a/frontend/src/landing/assets/Telegram_light_theme_mobile.svg b/frontend/src/pages/landing/assets/Telegram_light_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/Telegram_light_theme_mobile.svg
rename to frontend/src/pages/landing/assets/Telegram_light_theme_mobile.svg
diff --git a/frontend/src/landing/assets/Twitter_dark_theme.svg b/frontend/src/pages/landing/assets/Twitter_dark_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/Twitter_dark_theme.svg
rename to frontend/src/pages/landing/assets/Twitter_dark_theme.svg
diff --git a/frontend/src/landing/assets/Twitter_dark_theme_mobile.svg b/frontend/src/pages/landing/assets/Twitter_dark_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/Twitter_dark_theme_mobile.svg
rename to frontend/src/pages/landing/assets/Twitter_dark_theme_mobile.svg
diff --git a/frontend/src/landing/assets/Twitter_light_theme.svg b/frontend/src/pages/landing/assets/Twitter_light_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/Twitter_light_theme.svg
rename to frontend/src/pages/landing/assets/Twitter_light_theme.svg
diff --git a/frontend/src/landing/assets/Twitter_light_theme_mobile.svg b/frontend/src/pages/landing/assets/Twitter_light_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/Twitter_light_theme_mobile.svg
rename to frontend/src/pages/landing/assets/Twitter_light_theme_mobile.svg
diff --git a/frontend/src/landing/assets/VK_dark_theme.svg b/frontend/src/pages/landing/assets/VK_dark_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/VK_dark_theme.svg
rename to frontend/src/pages/landing/assets/VK_dark_theme.svg
diff --git a/frontend/src/landing/assets/VK_dark_theme_mobile.svg b/frontend/src/pages/landing/assets/VK_dark_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/VK_dark_theme_mobile.svg
rename to frontend/src/pages/landing/assets/VK_dark_theme_mobile.svg
diff --git a/frontend/src/landing/assets/VK_light_theme.svg b/frontend/src/pages/landing/assets/VK_light_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/VK_light_theme.svg
rename to frontend/src/pages/landing/assets/VK_light_theme.svg
diff --git a/frontend/src/landing/assets/VK_light_theme_mobile.svg b/frontend/src/pages/landing/assets/VK_light_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/VK_light_theme_mobile.svg
rename to frontend/src/pages/landing/assets/VK_light_theme_mobile.svg
diff --git a/frontend/src/landing/assets/YouTube_dark_theme.svg b/frontend/src/pages/landing/assets/YouTube_dark_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/YouTube_dark_theme.svg
rename to frontend/src/pages/landing/assets/YouTube_dark_theme.svg
diff --git a/frontend/src/landing/assets/YouTube_dark_theme_mobile.svg b/frontend/src/pages/landing/assets/YouTube_dark_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/YouTube_dark_theme_mobile.svg
rename to frontend/src/pages/landing/assets/YouTube_dark_theme_mobile.svg
diff --git a/frontend/src/landing/assets/YouTube_light_theme.svg b/frontend/src/pages/landing/assets/YouTube_light_theme.svg
similarity index 100%
rename from frontend/src/landing/assets/YouTube_light_theme.svg
rename to frontend/src/pages/landing/assets/YouTube_light_theme.svg
diff --git a/frontend/src/landing/assets/YouTube_light_theme_mobile.svg b/frontend/src/pages/landing/assets/YouTube_light_theme_mobile.svg
similarity index 100%
rename from frontend/src/landing/assets/YouTube_light_theme_mobile.svg
rename to frontend/src/pages/landing/assets/YouTube_light_theme_mobile.svg
diff --git a/frontend/src/landing/assets/fonts/NunitoSans_10pt-Bold.ttf b/frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-Bold.ttf
similarity index 100%
rename from frontend/src/landing/assets/fonts/NunitoSans_10pt-Bold.ttf
rename to frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-Bold.ttf
diff --git a/frontend/src/landing/assets/fonts/NunitoSans_10pt-Light.ttf b/frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-Light.ttf
similarity index 100%
rename from frontend/src/landing/assets/fonts/NunitoSans_10pt-Light.ttf
rename to frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-Light.ttf
diff --git a/frontend/src/landing/assets/fonts/NunitoSans_10pt-SemiBold.ttf b/frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-SemiBold.ttf
similarity index 100%
rename from frontend/src/landing/assets/fonts/NunitoSans_10pt-SemiBold.ttf
rename to frontend/src/pages/landing/assets/fonts/NunitoSans_10pt-SemiBold.ttf
diff --git a/frontend/src/landing/custom-colors.scss b/frontend/src/pages/landing/custom-colors.scss
similarity index 100%
rename from frontend/src/landing/custom-colors.scss
rename to frontend/src/pages/landing/custom-colors.scss
diff --git a/frontend/src/landing/landing.scss b/frontend/src/pages/landing/landing.scss
similarity index 100%
rename from frontend/src/landing/landing.scss
rename to frontend/src/pages/landing/landing.scss
diff --git a/frontend/src/pages/landing/checked.svg b/frontend/src/pages/old-landing/checked.svg
similarity index 100%
rename from frontend/src/pages/landing/checked.svg
rename to frontend/src/pages/old-landing/checked.svg
diff --git a/frontend/src/pages/landing/index.jsx b/frontend/src/pages/old-landing/index.jsx
similarity index 100%
rename from frontend/src/pages/landing/index.jsx
rename to frontend/src/pages/old-landing/index.jsx
diff --git a/frontend/src/pages/landing/index.module.css b/frontend/src/pages/old-landing/index.module.css
similarity index 100%
rename from frontend/src/pages/landing/index.module.css
rename to frontend/src/pages/old-landing/index.module.css
diff --git a/frontend/src/routes.js b/frontend/src/routes.js
index 782e0e63..4981eb86 100644
--- a/frontend/src/routes.js
+++ b/frontend/src/routes.js
@@ -48,7 +48,7 @@ export default {
   // OAuth
   oAuthPath: () => [apiPath, 'oauth'].join('/'),
 
-  newLandingPath: () => '/landing',
+  oldLandingPath: () => '/oldLanding',
   homePagePath: () => '/editor',
   aboutPagePath: () => '/about',
   profilePagePath: (username = ':username') => `/u/${username}`,

From 0a35d3fb29b09f5daaaf5cbbd135699a9b2b9784 Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Thu, 29 Feb 2024 16:09:43 +0300
Subject: [PATCH 2/6] add button to code without reg

---
 frontend/src/pages/landing/Landing.jsx | 35 +++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/landing/Landing.jsx b/frontend/src/pages/landing/Landing.jsx
index ba295de7..500c8f9e 100644
--- a/frontend/src/pages/landing/Landing.jsx
+++ b/frontend/src/pages/landing/Landing.jsx
@@ -1,8 +1,14 @@
 import { Link } from 'react-router-dom';
-import { Button, Col, Container, Image, Row } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 import { useEffect, useRef } from 'react';
+import { useDispatch } from 'react-redux';
+import { useNavigate } from 'react-router-dom';
+
+import { Button, Col, Container, Image, Row } from 'react-bootstrap';
+
+import { useAuth } from '../../hooks';
 import routes from '../../routes.js';
+import { actions } from '../../slices/modalSlice';
 import Faq from './Faq.jsx';
 import Header from './Header.jsx';
 import Footer from './Footer.jsx';
@@ -23,9 +29,20 @@ import Template from './assets/Icons=Template.svg';
 import ImageUnderCarousel from './assets/ReadyAssets.jpeg';
 
 function NewLanding() {
+  const { isLoggedIn } = useAuth();
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
   const { t } = useTranslation();
   const advantagesRef = useRef();
 
+  const handleCodeWithoutRegButton = () => {
+    if (isLoggedIn) {
+      navigate(routes.myProfilePagePath());
+      return;
+    }
+    dispatch(actions.openModal({ type: 'newSnippet' }));
+  };
+
   const horizontalScroll = () => {
     const el = advantagesRef.current;
     if (el) {
@@ -92,6 +109,15 @@ function NewLanding() {
                 {t('landing.startCoding')}
               </Button>
             </Col>
+            <Col className="text-center d-grid" lg={{ span: 3, offset: 1 }}>
+              <Button
+                onClick={handleCodeWithoutRegButton}
+                className="button-start rounded-5 px-auto"
+                size="lg"
+              >
+                {t('landing.codeWithoutReg')}
+              </Button>
+            </Col>
           </Row>
           <Row className="d-lg-inline-flex mb-5 my-lg-5 background-dark">
             <div className="d-lg-flex py-5 justify-content-between px-5">
@@ -483,6 +509,13 @@ function NewLanding() {
               >
                 {t('landing.startCoding')}
               </Button>
+              <Button
+                onClick={handleCodeWithoutRegButton}
+                className="button-start rounded-5 px-auto"
+                size="lg"
+              >
+                {t('landing.codeWithoutReg')}
+              </Button>
             </Col>
           </Row>
           <Row>

From d9ec39ecd84dad9c9dada712c518a547277c0cd0 Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Thu, 29 Feb 2024 20:00:20 +0300
Subject: [PATCH 3/6] add styles to buttons start code

---
 frontend/src/pages/landing/Landing.jsx        | 26 +++++++++------
 frontend/src/pages/landing/custom-colors.scss | 32 ++++++++++++-------
 frontend/src/pages/landing/landing.scss       | 10 ++++++
 3 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/frontend/src/pages/landing/Landing.jsx b/frontend/src/pages/landing/Landing.jsx
index 500c8f9e..11c98cb3 100644
--- a/frontend/src/pages/landing/Landing.jsx
+++ b/frontend/src/pages/landing/Landing.jsx
@@ -98,21 +98,21 @@ function NewLanding() {
               </div>
             </Col>
           </Row>
-          <Row className="my-5 pt-5">
-            <Col className="text-center d-grid" lg={{ span: 3, offset: 1 }}>
+          <Row className="my-5" xs="auto">
+            <Col lg={{ offset: 1 }} className="mb-3">
               <Button
                 as={Link}
-                className="button-start rounded-5 px-auto"
+                className="btn-start rounded-5"
                 size="lg"
                 to={routes.signInPagePath()}
               >
                 {t('landing.startCoding')}
               </Button>
             </Col>
-            <Col className="text-center d-grid" lg={{ span: 3, offset: 1 }}>
+            <Col>
               <Button
                 onClick={handleCodeWithoutRegButton}
-                className="button-start rounded-5 px-auto"
+                className="btn-start-no-reg rounded-5"
                 size="lg"
               >
                 {t('landing.codeWithoutReg')}
@@ -493,25 +493,31 @@ function NewLanding() {
               <Image className="rounded-5" fluid src={ImageUnderCarousel} />
             </Col>
           </Row>
-          <Row className="pb-3 mb-5">
-            <Col className="text-center col-12">
+          <Row className="mb-3">
+            <Col className="text-center">
               <p className="pt-3 mb-4 d-lg-none">{t('landing.nowCoding')}</p>
               <p className="fs-2 pt-3 mb-4 d-none d-lg-block">
                 {t('landing.nowCoding')}
               </p>
             </Col>
-            <Col className="mx-auto d-grid mb-lg-5" lg={{ span: 3 }}>
+          </Row>
+          <Row>
+            <Col className="d-flex justify-content-center">
               <Button
                 as={Link}
-                className="button-start rounded-5 px-auto"
+                className="btn-start rounded-5 mb-3"
                 size="lg"
                 to={routes.signInPagePath()}
               >
                 {t('landing.startCoding')}
               </Button>
+            </Col>
+          </Row>
+          <Row className="mb-5">
+            <Col className="d-flex justify-content-center">
               <Button
                 onClick={handleCodeWithoutRegButton}
-                className="button-start rounded-5 px-auto"
+                className="btn-start-no-reg rounded-5"
                 size="lg"
               >
                 {t('landing.codeWithoutReg')}
diff --git a/frontend/src/pages/landing/custom-colors.scss b/frontend/src/pages/landing/custom-colors.scss
index dc4c2532..b61737c7 100644
--- a/frontend/src/pages/landing/custom-colors.scss
+++ b/frontend/src/pages/landing/custom-colors.scss
@@ -16,12 +16,16 @@
             font-weight: 600;
         }
     }
-    .button-start:hover,
-    .button-start:focus {
-        background-color: #EBF1F9 !important;
-        color: #136EF6 !important;
-        border-color: #EBF1F9 !important;
-        font-weight: 500 !important;
+    .btn-start-no-reg {
+        --bs-btn-bg: #050914;
+        --bs-btn-color: #ebf1f9;
+        --bs-btn-border-color: #136ef6;
+        --hover-background: #136ef6;
+        --hover-border: #136ef6;
+        --hover-color: #ebf1f9;
+        --bs-btn-hover-color: #ebf1f9;
+        --bs-btn-hover-bg: #136ef6;
+        --bs-btn-hover-border-color: #136ef6;
     }
     .footer {
         background-color: #136EF6;
@@ -46,12 +50,16 @@
             font-weight: 600;
         }
     }
-    .button-start:hover,
-    .button-start:focus {
-        background-color: #050914 !important;
-        color: #EBF1F9 !important;
-        border-color: #050914 !important;
-        font-weight: 500 !important;
+    .btn-start-no-reg {
+        --bs-btn-bg: #ebf1f9;
+        --bs-btn-color: #136ef6;
+        --bs-btn-border-color: #136ef6;
+        --hover-background: #136ef6;
+        --hover-border: #136ef6;
+        --hover-color: #ebf1f9;
+        --bs-btn-hover-color: #ebf1f9;
+        --bs-btn-hover-bg: #136ef6;
+        --bs-btn-hover-border-color: #136ef6;
     }
     .footer {
         background-color: #050914;
diff --git a/frontend/src/pages/landing/landing.scss b/frontend/src/pages/landing/landing.scss
index 64cdcba7..e1f947f4 100644
--- a/frontend/src/pages/landing/landing.scss
+++ b/frontend/src/pages/landing/landing.scss
@@ -31,6 +31,16 @@
             font-weight: 600;
         }
     }
+    .btn-start {
+        width: 20.625rem;
+        &:hover,
+        :focus {
+          font-weight: 600;
+        }
+    }
+    .btn-start-no-reg {
+      width: 20.625rem;
+    }
 }
 .first-bg-image {
     font-family: 'Nunito Sans Light';

From 9d54a27f70ee1137c510cda59cd45e2e00307336 Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Sun, 3 Mar 2024 13:33:07 +0300
Subject: [PATCH 4/6] fix landing locales. remove footer`s email form

---
 frontend/src/locales/en.json          | 10 +++++++--
 frontend/src/locales/ru.json          |  7 +++---
 frontend/src/pages/landing/Footer.jsx | 32 ++++-----------------------
 frontend/src/pages/landing/Header.jsx | 12 +++++-----
 4 files changed, 22 insertions(+), 39 deletions(-)

diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 95904885..3fd1df6f 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -87,13 +87,13 @@
     "dist0": "The software is distributed as an online service (SaaS solution)",
     "dist1": "No special software installation steps on the user side are required",
     "faq": "FAQ",
-    "q0": "What if an IDE?",
+    "q0": "What is an IDE?",
     "q1": "How do IDE tools help developers?",
     "q2": "What kind of IDEs are there?",
     "q3": "What are the features of the Run IT IDE?"
   },
   "footer": {
-    "about": "About",
+    "about": "About Us",
     "agreement": "Privacy",
     "blog": "Blog",
     "career": "Careers at Hexlet",
@@ -169,6 +169,12 @@
       "second": "IDE"
     },
     "freeProject": "Free Hexlet Project",
+    "header": {
+      "about": "About",
+      "advantages": "Advantages",
+      "opportunities": "Opportunities",
+      "faq": "FAQ"
+    },
     "inBrowser": "The editor runs entirely in the browser, so you can start coding in seconds",
     "modern": "In modern web development, you need to constantly keep up with the latest news, and even better - to try out new products in real-world",
     "moreOpportunity": "Even more opportunities in the future",
diff --git a/frontend/src/locales/ru.json b/frontend/src/locales/ru.json
index 66bf2330..c39817da 100644
--- a/frontend/src/locales/ru.json
+++ b/frontend/src/locales/ru.json
@@ -170,9 +170,10 @@
     },
     "freeProject": "Бесплатный проект Хекслета",
     "header": {
-      "about": "О нас",
-      "advantages": "О проекте",
-      "opportunities": "Возможности"
+      "about": "О проекте",
+      "advantages": "Преимущества",
+      "opportunities": "Возможности",
+      "faq": "FAQ"
     },
 
     "inBrowser": "Редактор полностью запускается в браузере, поэтому вы можете начать кодить за считанные секунды",
diff --git a/frontend/src/pages/landing/Footer.jsx b/frontend/src/pages/landing/Footer.jsx
index e0824142..9fa4826f 100644
--- a/frontend/src/pages/landing/Footer.jsx
+++ b/frontend/src/pages/landing/Footer.jsx
@@ -1,13 +1,4 @@
-import {
-  Row,
-  Col,
-  Container,
-  Image,
-  Form,
-  FloatingLabel,
-  NavbarBrand,
-  Nav,
-} from 'react-bootstrap';
+import { Row, Col, Container, Image, NavbarBrand, Nav } from 'react-bootstrap';
 import './custom-colors.scss';
 import './landing.scss';
 import { useTranslation } from 'react-i18next';
@@ -263,12 +254,12 @@ function Footer() {
                 <Nav as="ul" className="list-group">
                   <li className="mb-2">
                     <NavbarBrand className="p-0" href="#aboutProject">
-                      {t('landing.header.advantages')}
+                      {t('landing.header.about')}
                     </NavbarBrand>
                   </li>
                   <li className="mb-2">
                     <NavbarBrand className="p-0" href="#advantages">
-                      Преимущества
+                      {t('landing.header.advantages')}
                     </NavbarBrand>
                   </li>
                   <li className="mb-2">
@@ -278,7 +269,7 @@ function Footer() {
                   </li>
                   <li className="mb-2">
                     <NavbarBrand className="p-0" href="#faq">
-                      {t('faq.faq')}
+                      {t('landing.header.faq')}
                     </NavbarBrand>
                   </li>
                 </Nav>
@@ -325,21 +316,6 @@ function Footer() {
               </Col>
             </Row>
           </Col>
-          <Col>
-            <Form.Group data-bs-theme="light">
-              <FloatingLabel
-                className="text-black"
-                controlId="floatingTextarea"
-                label={t('footer.mailSupport')}
-              >
-                <Form.Control
-                  as="textarea"
-                  placeholder={t('footer.mailSupport')}
-                  style={{ height: '8rem' }}
-                />
-              </FloatingLabel>
-            </Form.Group>
-          </Col>
           <Col>
             <div className="ms-auto">
               <p>{t('footer.name')}</p>
diff --git a/frontend/src/pages/landing/Header.jsx b/frontend/src/pages/landing/Header.jsx
index 747361ea..17a8dbce 100644
--- a/frontend/src/pages/landing/Header.jsx
+++ b/frontend/src/pages/landing/Header.jsx
@@ -48,12 +48,12 @@ function Header() {
                 <Nav as="ul" className="gap-2 text-center d-lg-none mb-3">
                   <li>
                     <Navbar.Brand className="header-link" href="#aboutProject">
-                      <span>{t('landing.header.advantages')}</span>
+                      <span>{t('landing.header.about')}</span>
                     </Navbar.Brand>
                   </li>
                   <li>
                     <Navbar.Brand className="header-link" href="#advantages">
-                      <span>Преимущества</span>
+                      <span>{t('landing.header.advantages')}</span>
                     </Navbar.Brand>
                   </li>
                   <li>
@@ -63,7 +63,7 @@ function Header() {
                   </li>
                   <li>
                     <Navbar.Brand className="header-link" href="#faq">
-                      <span>{t('faq.faq')}</span>
+                      <span>{t('landing.header.faq')}</span>
                     </Navbar.Brand>
                   </li>
                 </Nav>
@@ -94,12 +94,12 @@ function Header() {
               >
                 <li>
                   <Navbar.Brand className="header-link" href="#aboutProject">
-                    <span>{t('landing.header.advantages')}</span>
+                    <span>{t('landing.header.about')}</span>
                   </Navbar.Brand>
                 </li>
                 <li>
                   <Navbar.Brand className="header-link" href="#advantages">
-                    <span>Преимущества</span>
+                    <span>{t('landing.header.advantages')}</span>
                   </Navbar.Brand>
                 </li>
                 <li>
@@ -109,7 +109,7 @@ function Header() {
                 </li>
                 <li>
                   <Navbar.Brand className="header-link" href="#faq">
-                    <span>{t('faq.faq')}</span>
+                    <span>{t('landing.header.faq')}</span>
                   </Navbar.Brand>
                 </li>
               </Nav>

From 1f46b23a59074cf6e4f69369cbd0bfdb179e2fba Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Sun, 3 Mar 2024 16:45:45 +0300
Subject: [PATCH 5/6] fix header. add lang and theme selectors

---
 frontend/src/pages/landing/Header.jsx         | 179 ++++++------------
 .../landing/assets/LogoHeaderDarkTheme.svg    |   2 +-
 .../landing/assets/LogoHeaderLightTheme.svg   |   2 +-
 3 files changed, 64 insertions(+), 119 deletions(-)

diff --git a/frontend/src/pages/landing/Header.jsx b/frontend/src/pages/landing/Header.jsx
index 17a8dbce..33e42eee 100644
--- a/frontend/src/pages/landing/Header.jsx
+++ b/frontend/src/pages/landing/Header.jsx
@@ -1,14 +1,9 @@
 import { Link } from 'react-router-dom';
-import {
-  Container,
-  Navbar,
-  Image,
-  Nav,
-  Button,
-  Row,
-  Col,
-} from 'react-bootstrap';
+import { Container, Navbar, Image, Nav, Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
+import { useTernaryDarkMode } from 'usehooks-ts';
+import LanguageSelector from '../../components/Navigation/LanguageSelector.jsx';
+import ThemeSelector from '../../components/Navigation/ThemeSelector.jsx';
 import routes from '../../routes.js';
 
 import RunItLogoLight from './assets/LogoHeaderLightTheme.svg';
@@ -21,120 +16,70 @@ import './custom-colors.scss';
 
 function Header() {
   const { t } = useTranslation();
+  const { ternaryDarkMode } = useTernaryDarkMode();
 
-  const theme = document.documentElement.getAttribute('data-bs-theme');
-
-  const logo = theme === 'light' ? RunItLogoLight : RunItLogoDark;
-
+  const logo = ternaryDarkMode === 'light' ? RunItLogoLight : RunItLogoDark;
   return (
     <header>
       <Navbar expand="lg">
-        <Container>
-          <Row className="justify-content-between gap-5">
-            <Col>
-              <div className="d-flex flex-nowrap justify-content-between gap-5">
-                <Navbar.Brand className="m-0">
-                  <Image fluid src={logo} />
+        <Container className="justify-content-between">
+          <Navbar.Brand className="mr-5">
+            <Image src={logo} />
+          </Navbar.Brand>
+          <Navbar.Toggle
+            aria-controls="navbar-responsive"
+            className="border-0 ms-auto"
+            data-bs-toogle="collapse"
+          >
+            <Image src={Burger} />
+          </Navbar.Toggle>
+          <Navbar.Collapse className="my-3 mb-lg-0" id="navbar-responsive">
+            <Nav as="ul" className="text-center">
+              <li>
+                <Navbar.Brand className="header-link" href="#aboutProject">
+                  <span>{t('landing.header.about')}</span>
+                </Navbar.Brand>
+              </li>
+              <li>
+                <Navbar.Brand className="header-link" href="#advantages">
+                  <span>{t('landing.header.advantages')}</span>
                 </Navbar.Brand>
-                <Navbar.Toggle
-                  aria-controls="navbar-responsive"
-                  className="border-0 ms-auto"
-                  data-bs-toogle="collapse"
-                >
-                  <Image src={Burger} />
-                </Navbar.Toggle>
-              </div>
-              <Navbar.Collapse className="my-3 mb-lg-0" id="navbar-responsive">
-                <Nav as="ul" className="gap-2 text-center d-lg-none mb-3">
-                  <li>
-                    <Navbar.Brand className="header-link" href="#aboutProject">
-                      <span>{t('landing.header.about')}</span>
-                    </Navbar.Brand>
-                  </li>
-                  <li>
-                    <Navbar.Brand className="header-link" href="#advantages">
-                      <span>{t('landing.header.advantages')}</span>
-                    </Navbar.Brand>
-                  </li>
-                  <li>
-                    <Navbar.Brand className="header-link" href="#possibilities">
-                      <span>{t('landing.header.opportunities')}</span>
-                    </Navbar.Brand>
-                  </li>
-                  <li>
-                    <Navbar.Brand className="header-link" href="#faq">
-                      <span>{t('landing.header.faq')}</span>
-                    </Navbar.Brand>
-                  </li>
-                </Nav>
-                <Nav className=" mb-3 mb-lg-0 gap-3 ms-auto d-lg-none">
-                  <Button
-                    as={Link}
-                    className="rounded-5 d-flex px-5 justify-content-center btn-signin"
-                    to={routes.signInPagePath()}
-                    variant="primary"
-                  >
-                    <span>{t('profileActions.signIn')}</span>
-                  </Button>
-                  <Button
-                    as={Link}
-                    className="rounded-5 d-flex px-5 justify-content-center btn-signup"
-                    to={routes.signUpPagePath()}
-                    variant="secondary"
-                  >
-                    <span>{t('profileActions.signUp')}</span>
-                  </Button>
-                </Nav>
-              </Navbar.Collapse>
-            </Col>
-            <Col className="mt-5 mt-lg-0 d-none d-lg-block">
-              <Nav
-                as="ul"
-                className="h-100 gap-2 text-center align-items-center"
+              </li>
+              <li>
+                <Navbar.Brand className="header-link" href="#possibilities">
+                  <span>{t('landing.header.opportunities')}</span>
+                </Navbar.Brand>
+              </li>
+              <li>
+                <Navbar.Brand className="header-link" href="#faq">
+                  <span>{t('landing.header.faq')}</span>
+                </Navbar.Brand>
+              </li>
+            </Nav>
+            <Nav
+              as="ul"
+              className="mb-3 mb-lg-0 gap-1 ms-auto align-items-center"
+            >
+              <LanguageSelector />
+              <ThemeSelector />
+              <Button
+                as={Link}
+                className="rounded-5 btn-signin"
+                to={routes.signInPagePath()}
+                variant="primary"
+              >
+                <span>{t('profileActions.signIn')}</span>
+              </Button>
+              <Button
+                as={Link}
+                className="rounded-5 btn-signup"
+                to={routes.signUpPagePath()}
+                variant="secondary"
               >
-                <li>
-                  <Navbar.Brand className="header-link" href="#aboutProject">
-                    <span>{t('landing.header.about')}</span>
-                  </Navbar.Brand>
-                </li>
-                <li>
-                  <Navbar.Brand className="header-link" href="#advantages">
-                    <span>{t('landing.header.advantages')}</span>
-                  </Navbar.Brand>
-                </li>
-                <li>
-                  <Navbar.Brand className="header-link" href="#possibilities">
-                    <span>{t('landing.header.opportunities')}</span>
-                  </Navbar.Brand>
-                </li>
-                <li>
-                  <Navbar.Brand className="header-link" href="#faq">
-                    <span>{t('landing.header.faq')}</span>
-                  </Navbar.Brand>
-                </li>
-              </Nav>
-            </Col>
-            <Col className="d-none d-lg-block">
-              <Nav className="gap-3 ms-auto h-100 align-items-center">
-                <Button
-                  as={Link}
-                  className="rounded-5 d-flex px-5 justify-content-center btn-signin"
-                  to={routes.signInPagePath()}
-                  variant="primary"
-                >
-                  <span>{t('profileActions.signIn')}</span>
-                </Button>
-                <Button
-                  as={Link}
-                  className="rounded-5 d-flex px-5 justify-content-center btn-signup"
-                  to={routes.signUpPagePath()}
-                  variant="secondary"
-                >
-                  <span>{t('profileActions.signUp')}</span>
-                </Button>
-              </Nav>
-            </Col>
-          </Row>
+                <span>{t('profileActions.signUp')}</span>
+              </Button>
+            </Nav>
+          </Navbar.Collapse>
         </Container>
       </Navbar>
     </header>
diff --git a/frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg b/frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg
index 11b9c2d1..61a7853d 100644
--- a/frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg
+++ b/frontend/src/pages/landing/assets/LogoHeaderDarkTheme.svg
@@ -1,4 +1,4 @@
-<svg width="389" height="64" viewBox="0 0 389 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="250" height="50" viewBox="0 0 389 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M41.2978 14.1354L28.9257 18.6395L21.5071 30.6084L14.1691 18.7778L1.71642 14.2506L16.3463 36.9903L0 62.8633H9.60735L21.2882 43.7983L33.1188 62.8633H42.7147L26.449 37.4971L41.2978 14.1354ZM53.9002 38.7873C55.2595 33.4883 59.4181 29.6177 65.5811 29.6177C71.5367 29.6177 75.6146 33.4192 76.8357 38.7873H53.9002ZM65.5926 22.5792C53.6928 22.5792 45.2375 31.3226 45.2375 43.2224C45.2375 55.1221 53.762 63.7273 65.7308 63.7273C74.1171 63.7273 81.6394 59.5687 84.7267 50.7562H76.3404C74.4742 54.6268 70.5345 56.6312 65.7999 56.6312C59.1992 56.6312 54.1191 52.6224 53.474 45.3765H85.51C86.3048 32.4055 78.2757 22.5792 65.5926 22.5792ZM129.307 23.4432H118.917L101.856 40.5037V23.4432H93.758V62.8633H101.856V44.6623L120.426 62.8633H130.886L110.035 42.151L129.307 23.4432ZM152.681 30.1131C157.772 30.1131 162.138 32.8317 163.647 37.7851H172.034C170.237 28.2469 162 22.5908 152.681 22.5908C140.931 22.5908 132.176 31.4033 132.176 43.1648C132.176 54.9148 140.919 63.7388 152.6 63.7388C161.85 63.7388 170.156 58.2209 172.022 48.4753H163.636C162.127 53.3481 157.761 56.2165 152.6 56.2165C145.504 56.2165 140.343 50.8368 140.343 43.1648C140.355 35.5618 145.377 30.1131 152.681 30.1131ZM184.302 46.8165C183.081 54.1314 181.434 56.205 177.632 56.205C176.849 56.205 176.054 56.0552 175.271 55.9861V63.301C176.561 63.5199 177.989 63.7273 179.28 63.7273C186.018 63.7273 190.396 59.2807 192.331 47.5307L194.912 31.0461H207.963V62.8748H216.062V23.4432H188.034L184.302 46.8165ZM233.191 38.7873C234.551 33.4883 238.709 29.6177 244.872 29.6177C250.816 29.6177 254.906 33.4192 256.127 38.7873H233.191ZM244.872 22.5792C232.972 22.5792 224.517 31.3226 224.517 43.2224C224.517 55.1221 233.041 63.7273 245.022 63.7273C253.408 63.7273 260.93 59.5687 264.018 50.7562H255.631C253.765 54.6268 249.826 56.6312 245.091 56.6312C238.502 56.6312 233.41 52.6224 232.765 45.3765H264.801C265.584 32.4055 257.555 22.5792 244.872 22.5792ZM290.179 23.4432H269.178V31.0461H282.08V62.8633H290.179V31.0461H303V23.4432H290.179Z" fill="#EBF1F9"/>
 <path d="M41.3665 7.85712L21.357 0.369385L1.34741 7.85712L21.357 15.149L41.3665 7.85712Z" fill="#136EF6"/>
 <path d="M307.944 46V23.44H316.456C318.867 23.44 320.701 23.9947 321.96 25.104C323.24 26.2133 323.88 27.792 323.88 29.84C323.88 31.5253 323.421 32.8907 322.504 33.936C321.587 34.9813 320.285 35.6533 318.6 35.952C319.517 36.2933 320.328 37.1253 321.032 38.448L325.128 46H322.984L319.08 38.768C318.525 37.7653 317.907 37.0933 317.224 36.752C316.541 36.4107 315.624 36.24 314.472 36.24H309.896V46H307.944ZM309.896 34.576H316.2C319.997 34.576 321.896 32.9973 321.896 29.84C321.896 26.704 319.997 25.136 316.2 25.136H309.896V34.576ZM334.188 46.256C330.498 46.256 328.652 44.2507 328.652 40.24V30.48H330.604V40.144C330.604 41.6587 330.914 42.7787 331.532 43.504C332.151 44.2293 333.122 44.592 334.444 44.592C335.874 44.592 337.036 44.112 337.932 43.152C338.85 42.192 339.308 40.912 339.308 39.312V30.48H341.26V46H339.372V43.248C338.86 44.2293 338.146 44.976 337.228 45.488C336.332 46 335.319 46.256 334.188 46.256ZM346.404 46V30.48H348.324V33.264C348.836 32.24 349.572 31.472 350.532 30.96C351.492 30.448 352.558 30.192 353.732 30.192C357.422 30.192 359.268 32.1973 359.268 36.208V46H357.316V36.368C357.316 34.832 357.006 33.7013 356.388 32.976C355.769 32.2507 354.788 31.888 353.444 31.888C351.908 31.888 350.67 32.368 349.732 33.328C348.814 34.2667 348.356 35.536 348.356 37.136V46H346.404ZM364.694 46V23.44H366.646V46H364.694ZM378.106 46V25.2H369.69V23.44H388.506V25.2H380.09V46H378.106Z" fill="#136EF6"/>
diff --git a/frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg b/frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg
index ef082d60..d8f210ee 100644
--- a/frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg
+++ b/frontend/src/pages/landing/assets/LogoHeaderLightTheme.svg
@@ -1,4 +1,4 @@
-<svg width="389" height="64" viewBox="0 0 389 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="250" height="50" viewBox="0 0 389 64" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M41.2978 14.1354L28.9257 18.6395L21.5071 30.6084L14.1691 18.7778L1.71642 14.2506L16.3463 36.9903L0 62.8633H9.60735L21.2882 43.7983L33.1188 62.8633H42.7147L26.449 37.4971L41.2978 14.1354ZM53.9002 38.7873C55.2595 33.4883 59.4181 29.6177 65.5811 29.6177C71.5367 29.6177 75.6146 33.4192 76.8357 38.7873H53.9002ZM65.5926 22.5792C53.6928 22.5792 45.2375 31.3226 45.2375 43.2224C45.2375 55.1221 53.762 63.7273 65.7308 63.7273C74.1171 63.7273 81.6394 59.5687 84.7267 50.7562H76.3404C74.4742 54.6268 70.5345 56.6312 65.7999 56.6312C59.1992 56.6312 54.1191 52.6224 53.474 45.3765H85.51C86.3048 32.4055 78.2757 22.5792 65.5926 22.5792ZM129.307 23.4432H118.917L101.856 40.5037V23.4432H93.758V62.8633H101.856V44.6623L120.426 62.8633H130.886L110.035 42.151L129.307 23.4432ZM152.681 30.1131C157.772 30.1131 162.138 32.8317 163.647 37.7851H172.034C170.237 28.2469 162 22.5908 152.681 22.5908C140.931 22.5908 132.176 31.4033 132.176 43.1648C132.176 54.9148 140.919 63.7388 152.6 63.7388C161.85 63.7388 170.156 58.2209 172.022 48.4753H163.636C162.127 53.3481 157.761 56.2165 152.6 56.2165C145.504 56.2165 140.343 50.8368 140.343 43.1648C140.355 35.5618 145.377 30.1131 152.681 30.1131ZM184.302 46.8165C183.081 54.1314 181.434 56.205 177.632 56.205C176.849 56.205 176.054 56.0552 175.271 55.9861V63.301C176.561 63.5199 177.989 63.7273 179.28 63.7273C186.018 63.7273 190.396 59.2807 192.331 47.5307L194.912 31.0461H207.963V62.8748H216.062V23.4432H188.034L184.302 46.8165ZM233.191 38.7873C234.551 33.4883 238.709 29.6177 244.872 29.6177C250.816 29.6177 254.906 33.4192 256.127 38.7873H233.191ZM244.872 22.5792C232.972 22.5792 224.517 31.3226 224.517 43.2224C224.517 55.1221 233.041 63.7273 245.022 63.7273C253.408 63.7273 260.93 59.5687 264.018 50.7562H255.631C253.765 54.6268 249.826 56.6312 245.091 56.6312C238.502 56.6312 233.41 52.6224 232.765 45.3765H264.801C265.584 32.4055 257.555 22.5792 244.872 22.5792ZM290.179 23.4432H269.178V31.0461H282.08V62.8633H290.179V31.0461H303V23.4432H290.179Z" fill="#050914"/>
 <path d="M41.3663 7.85712L21.3567 0.369385L1.34717 7.85712L21.3567 15.149L41.3663 7.85712Z" fill="#136EF6"/>
 <path d="M307.944 46V23.44H316.456C318.867 23.44 320.701 23.9947 321.96 25.104C323.24 26.2133 323.88 27.792 323.88 29.84C323.88 31.5253 323.421 32.8907 322.504 33.936C321.587 34.9813 320.285 35.6533 318.6 35.952C319.517 36.2933 320.328 37.1253 321.032 38.448L325.128 46H322.984L319.08 38.768C318.525 37.7653 317.907 37.0933 317.224 36.752C316.541 36.4107 315.624 36.24 314.472 36.24H309.896V46H307.944ZM309.896 34.576H316.2C319.997 34.576 321.896 32.9973 321.896 29.84C321.896 26.704 319.997 25.136 316.2 25.136H309.896V34.576ZM334.188 46.256C330.498 46.256 328.652 44.2507 328.652 40.24V30.48H330.604V40.144C330.604 41.6587 330.914 42.7787 331.532 43.504C332.151 44.2293 333.122 44.592 334.444 44.592C335.874 44.592 337.036 44.112 337.932 43.152C338.85 42.192 339.308 40.912 339.308 39.312V30.48H341.26V46H339.372V43.248C338.86 44.2293 338.146 44.976 337.228 45.488C336.332 46 335.319 46.256 334.188 46.256ZM346.404 46V30.48H348.324V33.264C348.836 32.24 349.572 31.472 350.532 30.96C351.492 30.448 352.558 30.192 353.732 30.192C357.422 30.192 359.268 32.1973 359.268 36.208V46H357.316V36.368C357.316 34.832 357.006 33.7013 356.388 32.976C355.769 32.2507 354.788 31.888 353.444 31.888C351.908 31.888 350.67 32.368 349.732 33.328C348.814 34.2667 348.356 35.536 348.356 37.136V46H346.404ZM364.694 46V23.44H366.646V46H364.694ZM378.106 46V25.2H369.69V23.44H388.506V25.2H380.09V46H378.106Z" fill="#136EF6"/>

From 1b0f45a0d7136d2e05400011cdd120e7c398b1df Mon Sep 17 00:00:00 2001
From: bobronaud <bobronaud@gmail.com>
Date: Mon, 4 Mar 2024 14:57:27 +0300
Subject: [PATCH 6/6] fix logo`s theme switching

---
 frontend/src/pages/landing/Header.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/landing/Header.jsx b/frontend/src/pages/landing/Header.jsx
index 33e42eee..d375ce09 100644
--- a/frontend/src/pages/landing/Header.jsx
+++ b/frontend/src/pages/landing/Header.jsx
@@ -16,9 +16,9 @@ import './custom-colors.scss';
 
 function Header() {
   const { t } = useTranslation();
-  const { ternaryDarkMode } = useTernaryDarkMode();
+  const { isDarkMode } = useTernaryDarkMode();
 
-  const logo = ternaryDarkMode === 'light' ? RunItLogoLight : RunItLogoDark;
+  const logo = isDarkMode ? RunItLogoDark : RunItLogoLight;
   return (
     <header>
       <Navbar expand="lg">