Initial build

src/components/Header.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="header">
+    <img src="@/assets/logo.png" alt="Logo" class="logo">
+    <h2>{{ this.title }}</h2>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Header',
+  props: {
+    title: {
+      type: String,
+      default: 'Infrastructure Status'
+    },
+  },
+}
+</script>
+
+<style scoped>
+.header {
+  display: flex;
+  align-items: center;
+}
+.logo {
+  width: 60px;
+  height: auto;
+}
+h2 {
+  margin: 0;
+  margin-left: 20px;
+}
+</style>