diff --git a/app/javascript/Pages/Landing/Landing.jsx b/app/javascript/Pages/Landing/Landing.jsx
index 62744b27..471b4bfe 100644
--- a/app/javascript/Pages/Landing/Landing.jsx
+++ b/app/javascript/Pages/Landing/Landing.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import { Row, Col } from 'react-bootstrap';
+import routes from '../../routes.js';
 import { Faq } from '../../components/Faq';
 import classes from './Landing.module.css';
 import Checked from '/app/assets/landing/images/checked.svg';
@@ -65,12 +67,12 @@ export function Landing() {
           </section>
           <section>
             <div className="d-grid col-md-4 col-sm-5 col-6 mx-auto">
-              <a
-                href="/editor"
+              <Link
+                to={routes.profilePagePath()}
                 className="btn btn-primary py-3 fs-5 fw-bold mt-5 lh-5"
               >
                 Начать кодить
-              </a>
+              </Link>
             </div>
           </section>
         </section>
@@ -128,60 +130,62 @@ export function Landing() {
           <Row>
             <h2 className="text-center display-4 fw-bold mb-0">Еще больше возможностей в будущем</h2>
           </Row>
-          <Row className="row-cols-1 row-cols-sm-3 mt-55">
-            <Col className="mb-4 mb-sm-0">
-              <div className="d-flex flex-column">
-                <img
-                  src="/landing/images/code.png"
-                  alt="code"
-                  className="mb-3"
-                  width="39"
-                  height="39"
-                />
-                <p className="mb-2">Все языки</p>
-                <p className="mb-0">Пока наша среда разработки запускает код только на JavaScript. В ближайшем будущем мы реализуем в редакторе поддержку других популярных языков программирования</p>
-              </div>
-            </Col>
-            <Col className="mb-4 mb-sm-0">
-              <div className="d-flex flex-column">
-                <img
-                  src=""
-                  src="/landing/images/person.png"
-                  className="mb-3"
-                  alt="person"
-                  width="39"
-                  height="39"
-                />
-                <p className="mb-2">Совместная работа</p>
-                <p className="mb-0">Вы сможете делиться ссылкой на фрагменты своего кода с другими участниками. Или работать вместе прямо в Run IT!</p>
-              </div>
-            </Col>
-            <Col className="mb-4 mb-sm-0">
-              <div className="d-flex flex-column">
-                <img
-                  src="/landing/images/blank.png"
-                  alt="blank"
-                  className="mb-3"
-                  width="39"
-                  height="39"
-                />
-                <p className="mb-2">Готовые шаблоны с кодом</p>
-                <p className="mb-0">Больше не будет необходимости каждый раз писать код с нуля. Мы сделаем шаблоны, чтобы вы могли проверить свои идеи на практике еще быстрее</p>
-              </div>
-            </Col>
-          </Row>
+          <section className="mt-55">
+            <Row className="row-cols-1 row-cols-sm-3">
+              <Col className="mb-4 mb-sm-0">
+                <div className="d-flex flex-column">
+                  <img
+                    src="/landing/images/code.png"
+                    alt="code"
+                    className="mb-3"
+                    width="39"
+                    height="39"
+                  />
+                  <p className="mb-2">Все языки</p>
+                  <p className="mb-0">Пока наша среда разработки запускает код только на JavaScript. В ближайшем будущем мы реализуем в редакторе поддержку других популярных языков программирования</p>
+                </div>
+              </Col>
+              <Col className="mb-4 mb-sm-0">
+                <div className="d-flex flex-column">
+                  <img
+                    src=""
+                    src="/landing/images/person.png"
+                    className="mb-3"
+                    alt="person"
+                    width="39"
+                    height="39"
+                  />
+                  <p className="mb-2">Совместная работа</p>
+                  <p className="mb-0">Вы сможете делиться ссылкой на фрагменты своего кода с другими участниками. Или работать вместе прямо в Runit!</p>
+                </div>
+              </Col>
+              <Col className="mb-4 mb-sm-0">
+                <div className="d-flex flex-column">
+                  <img
+                    src="/landing/images/blank.png"
+                    alt="blank"
+                    className="mb-3"
+                    width="39"
+                    height="39"
+                  />
+                  <p className="mb-2">Готовые шаблоны с кодом</p>
+                  <p className="mb-0">Больше не будет необходимости каждый раз писать код с нуля. Мы сделаем шаблоны, чтобы вы могли проверить свои идеи на практике еще быстрее</p>
+                </div>
+              </Col>
+            </Row>
+          </section>
         </section>
         <section className="mt-90">
           <Row>
             <h3 className="text-center fs-2 mb-0 lh-2">Попробуйте написать свой код прямо сейчас!</h3>
-            <Row className="mt-40">
+            <Row className="">
               <div className="d-grid col-7 col-sm-5 col-md-4 mx-auto">
-                <a
-                  href="/editor"
-                  className="btn btn-primary py-3 fs-5 fw-bold lh-5"
+                <Link
+                  to={routes.homePagePath()}
+                  className="btn btn-primary py-3 fs-5 fw-bold lh-5 mt-40"
                 >
                   Начать кодить
-                </a>
+                </Link>
               </div>
             </Row>
           </Row>
diff --git a/app/javascript/components/Footer.jsx b/app/javascript/components/Footer.jsx
index d6287b15..d6d28104 100644
--- a/app/javascript/components/Footer.jsx
+++ b/app/javascript/components/Footer.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faGlobe } from '@fortawesome/free-solid-svg-icons';
 import {
@@ -112,10 +113,10 @@ export function buildFooter() {
               </li>
               <li>
                 <Nav.Link
-                  as="a"
+                  as={Link}
                   eventKey="licenseAgreement"
                   className="py-1 text-muted px-0"
-                  href="/licenseAgreement"
+                  to="/licenseAgreement"
                 >
                   {t('footer.licenseAgreement')}
                 </Nav.Link>
diff --git a/app/javascript/components/Navbar.jsx b/app/javascript/components/Navbar.jsx
index f69588e9..06859a33 100644
--- a/app/javascript/components/Navbar.jsx
+++ b/app/javascript/components/Navbar.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import routes from '../routes.js';
 import { useAuth } from '../hooks';
@@ -11,10 +12,10 @@ export function Navbar() {
   return (
     <nav className="navbar navbar-expand-md navbar-dark bg-dark text-white shadow-sm border-bottom-mb-5">
       <div className="container">
-        <a
+        <Link
           className="d-flex navbar-brand"
           aria-hidden="true"
-          href={routes.homePagePath()}
+          to={routes.homePagePath()}
         >
           <img
             alt="mainLabel"
@@ -24,16 +25,16 @@ export function Navbar() {
             className="pb-1"
           />
           <span className="ms-1">{t('navbar.mainLabel')}</span>
-        </a>
-        <div className="d-flex justify-content-end flex-xxl-row flex-xl-row flex-lg-row flex-md-row flex-sm-column flex-column">
+        </Link>
+        <div className="navbar-nav justify-content-end">
           {auth.isLoggedIn && (
-            <a className="nav-link px-3" href={routes.profilePagePath()}>
+            <Link className="nav-link px-3" to={routes.profilePagePath()}>
               {t('navbar.profile')}
-            </a>
+            </Link>
           )}
-          <a className="nav-link px-3" href={routes.aboutPagePath()}>
+          <Link className="nav-link px-3" to={routes.aboutPagePath()}>
             {t('navbar.about')}
-          </a>
+          </Link>
           {auth.isLoggedIn && (
             <button
               type="button"
@@ -44,14 +45,14 @@ export function Navbar() {
             </button>
           )}
           {!auth.isLoggedIn && (
-            <a className="nav-link px-3" href={routes.loginPagePath()}>
+            <Link className="nav-link px-3" to={routes.loginPagePath()}>
               {t('navbar.signIn')}
-            </a>
+            </Link>
           )}
           {!auth.isLoggedIn && (
-            <a className="nav-link px-3" href={routes.signUpPagePath()}>
+            <Link className="nav-link px-3" to={routes.signUpPagePath()}>
               {t('navbar.signUp')}
-            </a>
+            </Link>
           )}
         </div>
       </div>