diff --git a/frontend/src/routes/components/Splash.svelte b/frontend/src/routes/components/Splash.svelte
new file mode 100644
index 0000000..dcdbb74
--- /dev/null
+++ b/frontend/src/routes/components/Splash.svelte
@@ -0,0 +1,24 @@
+<script>
+	import { onMount } from 'svelte';
+	import { fade } from 'svelte/transition';
+
+	let visible = false;
+
+	onMount(() => {
+		setTimeout(() => {
+			visible = true;
+		}, 500);
+	});
+</script>
+
+{#if visible}
+	<img transition:fade src="/splash.jpeg" alt="splash" />
+{/if}
+
+<style>
+	img {
+		height: auto;
+		margin: 0 auto;
+		width: 100%;
+	}
+</style>