Tracker Auth

src/pages/TrackerAuth/TrackerAuth.js

@@ -0,0 +1,27 @@
+import React from "react";
+
+import AuthHeader from "@components/Common/AuthHeader/AuthHeader";
+import { Footer } from "@components/Common/Footer/Footer";
+import SideBar from "@components/SideBar/SideBar";
+import AuthBlock from "@components/AuthBlock/AuthBlock";
+
+import arrowInfo from "assets/icons/trackerIntroInfo.svg";
+import trackerAuthImg from "assets/images/trackerAuthImg.png"
+
+import "./trackerAuth.scss";
+
+export const TrackerAuth = () => {
+    return (
+        <div className="trackerAuth">
+            <AuthHeader />
+            <SideBar />
+            <div className="trackerAuth__content">
+                <div className="container">
+                    <h1 className="trackerAuth__title">Войдите в свое <span>рабочее пространство<img src={arrowInfo} alt='arrow' /></span></h1>
+                    <AuthBlock description="Создавайте и редактируйте задачи и проекты вместе с другими участниками команды." img={trackerAuthImg} />
+                </div>
+                <Footer />
+            </div>
+        </div>
+    );
+};

src/pages/TrackerAuth/trackerAuth.scss

@@ -0,0 +1,35 @@
+.trackerAuth {
+  &__content {
+    font-family: "LabGrotesque", sans-serif;
+    background-color: #f1f1f1;
+    color: #000000;
+    padding: 50px 0 0;
+    min-height: 100vh;
+
+    @media (max-width: 1375px) {
+      padding-top: 100px;
+    }
+
+    .container {
+      padding-bottom: 30px;
+    }
+  }
+
+  &__title {
+    font-size: 30px;
+    font-weight: 500;
+    margin-bottom: 46px;
+    color: #000000;
+    span {
+      color: #52B709;
+      position: relative;
+      img {
+        position: absolute;
+        bottom: -15px;
+        right: 10px;
+        max-width: 300px;
+
+      }
+    }
+  }
+}