step

local/_front/css/banner.scss

@@ -0,0 +1,13 @@
+.block-banner {
+    text-align: center;
+    background-image: url('../assets/banner.png');
+    height: 822px;
+    h1 {
+        font-family: "Mulish", sans-serif;        
+        width: 1051px;
+        margin: 5em auto;
+    }
+    button {
+        margin: 0 auto;
+    }
+}

local/_front/css/style.css

@@ -1,12 +1,25 @@
-top-menu {
-  display: flex;
-  flex-direction: row;
+.top-menu {
+  position: fixed;
+  top: 0px;
 }
-top-menu_item {
-  text-align: center;
+.top-menu_logo {
   padding: 5px;
 }
 
+.block-banner {
+  text-align: center;
+  background-image: url("../assets/banner.png");
+  height: 822px;
+}
+.block-banner h1 {
+  font-family: "Mulish", sans-serif;
+  width: 1051px;
+  margin: 5em auto;
+}
+.block-banner button {
+  margin: 0 auto;
+}
+
 * {
   box-sizing: border-box;
 }

local/_front/css/style.scss

@@ -1,4 +1,5 @@
 @use './top-menu.scss';
+@use './banner.scss';
 
 * {
     box-sizing: border-box;

local/_front/css/top-menu.scss

@@ -1,7 +1,7 @@
-top-menu {
+.top-menu {
+    position: fixed;
+    top:0px;
     &_logo{
-        width: 200px;
-        height: 200px;
         padding: 5px;
     }
 }