add first page

src/views/AboutView.vue

@@ -1,15 +0,0 @@
-<template>
-  <div class="about">
-    <h1>This is an about page</h1>
-  </div>
-</template>
-
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
-</style>

src/views/HomeView.vue

@@ -1,9 +1,31 @@
 <script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue'
+import MainPage from '@/components/MainPage.vue';
 </script>
 
+<!-- Главная страница -->
 <template>
+  <header class="header">
+    <router-link to="/login" class="btn-login">Войти</router-link>
+  </header>
+
   <main>
-    <TheWelcome />
+    <MainPage />
   </main>
 </template>
+
+<style lang="css">
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.btn-login {
+  position: fixed;
+  top: 0;
+  right: 0;
+  padding: 8px 14px;
+  color: #ffffff
+}
+</style>

src/views/LoginView.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import LoginPage from '@/components/LoginPage.vue';
+</script>
+
+<!-- Страница авторизации -->
+<template>
+  <main>
+    <LoginPage />
+  </main>
+</template>