diff --git a/frontend/components/Logo.vue b/frontend/components/Logo.vue
new file mode 100644
index 0000000..4eabc5e
--- /dev/null
+++ b/frontend/components/Logo.vue
@@ -0,0 +1,6 @@
+<template>
+    <div style="display: flex; width: fit-content;">
+    <img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
+    </div>
+</template>
diff --git a/frontend/error.vue b/frontend/error.vue
new file mode 100644
index 0000000..2454cc7
--- /dev/null
+++ b/frontend/error.vue
@@ -0,0 +1,24 @@
+<script setup>
+const props = defineProps({
+  error: Object
+})
+</script>
+
+<template>
+  <Head>
+    <Title>{{ props.error.statusCode }} - BuildPath</Title>
+  </Head>
+
+  <Logo style="margin: auto; margin-top: 64px; margin-bottom: 64px;" />
+  <div style="margin:auto; width: fit-content; margin-top: 64px;">
+    <h1>{{ props.error.statusCode }} Error</h1>
+    <h2>Something went wrong, sorry :(</h2>
+    <div style="margin-top: 64px;">
+    <h3 v-if="props.error.statusMessage != null 
+            && props.error.statusMessage != undefined 
+            && props.error.statusMessage != ''">Error message: {{ props.error.statusMessage }}</h3>
+    <h3 v-if="props.error.data != null && props.error.data != undefined">Error data: {{ props.error.data }}</h3>
+    <h3 v-if="props.error.cause != null && props.error.cause != undefined">Error cause: {{ props.error.cause }}</h3>
+    </div>
+  </div>
+</template>
\ No newline at end of file
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 6805a13..a664db1 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -6,10 +6,7 @@
         <Title>BuildPath</Title>
     </Head>
 
-    <div style="display: flex; width: fit-content; margin: auto; margin-top: 64px; margin-bottom: 64px;">
-    <img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
-    <h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
-    </div>
+    <Logo style="margin: auto; margin-top: 64px; margin-bottom: 64px;" />
 
     <ChampionSelector style="margin-top: 64px;"/>
 </template>
