diff --git a/ui/src/App.vue b/ui/src/App.vue
index 199b654..98c6592 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -9,6 +9,8 @@
       </h1>
       <h2 class="subtitle has-text-centered">Der Gelöt</h2>
 
+      <CalendarImage />
+
       <CalendarDoor
         v-for="(_, index) in 24"
         :key="index"
@@ -29,12 +31,14 @@
 import { Options, Vue } from "vue-class-component";
 
 import CalendarDoor from "./components/CalendarDoor.vue";
+import CalendarImage from "./components/CalendarImage.vue";
 import ImageModal from "./components/ImageModal.vue";
 import LoginModal from "./components/LoginModal.vue";
 
 @Options({
   components: {
     CalendarDoor,
+    CalendarImage,
     ImageModal,
     LoginModal,
   },
diff --git a/ui/src/assets/adventskalender.png b/ui/src/assets/adventskalender.png
new file mode 100644
index 0000000..86725e2
--- /dev/null
+++ b/ui/src/assets/adventskalender.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:453ee7b7e5c8362a8f76a3720d202a205f4d95498435f36a835624324626731c
+size 2057226
diff --git a/ui/src/components/CalendarImage.vue b/ui/src/components/CalendarImage.vue
new file mode 100644
index 0000000..9288f65
--- /dev/null
+++ b/ui/src/components/CalendarImage.vue
@@ -0,0 +1,9 @@
+<template>
+  <img src="@/assets/adventskalender.png" />
+</template>
+
+<script lang="ts">
+import { Vue } from "vue-class-component";
+
+export default class CalendarImage extends Vue {}
+</script>
\ No newline at end of file