Создала переменные, добавила логотип

src/App.vue

@@ -1,22 +1,34 @@
 <template lang="pug">
-  div(class='text') HelloWorld
+  div.text
+    div.wrapper
+      header-component
 </template>
 
 <script>
-
+import HeaderComponent from './components/homePageComponents/HeaderComponent.vue'
 export default {
   name: 'App',
+  components: {HeaderComponent}
 }
 </script>
 
 <style lang="sass">
+@import "./assets/sass/variables.sass"
 .text
   color: #42b983
+
 #app
   font-family: Avenir, Helvetica, Arial, sans-serif
   -webkit-font-smoothing: antialiased
   -moz-osx-font-smoothing: grayscale
   text-align: center
   color: #2c3e50
-  margin-top: 60px
+
+body
+  margin: 0  
+
+.wrapper
+  background-color: $bg-lavender-color
+  width: 1920px
+  height: 1000px
 </style>