Movie page

frontend/src/components/Banner.vue

 <template>
   <div class="banner">
-   <Text>CaCaoCritics</Text>
+  <div class="name">
+  <img class="logo" alt="Vue logo" src="../assets/logo.png" />
+  <h1 class="text" >CaCaoCritics</h1>
+  </div>
+  <div class="menu">
+  <BurgerMenu />
+  </div>
   </div>
 </template>
 
 <script>
+import BurgerMenu from "@/components/BurgerMenu.vue";
+
 export default {
   name: "Banner",
+  components: {
+    BurgerMenu,
+  },
 };
 </script>
 
 <style>
 .banner {
+  background-color: #912F56;
+  flex-direction: row;
+  vertical-align: middle;
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+.name {
   text-align: left;
-  background-color: #FF68AD;
+  background-color: #912F56;
+  flex-direction: row;
+  vertical-align: middle;
+  display: flex;
+
+}
+.logo {
+  max-width: 70px;
+  max-height: 70px;
+  margin-right: 20px;
+  margin-top: 15px;
+  margin-left: 20px;
+}
+.text {
+  width: 100px;
+  color: #ffffff;
+  margin-top: 35px;
 }
 </style>