diff --git a/src/app.html b/src/app.html
index d2c3bff..31553b4 100644
--- a/src/app.html
+++ b/src/app.html
@@ -12,14 +12,14 @@
 		<meta name="msapplication-TileColor" content="#da532c" />
 		<meta name="theme-color" content="#ffffff" />
 		<title>hellob.art - home of bart van der braak</title>
-		<meta property="twitter:image" content="%sveltekit.assets%/og.png" />
+		<meta property="twitter:image" content="https://hellob.art/og.png" />
 		<meta property="twitter:card" content="summary_large_image" />
 		<meta property="twitter:title" content="hellob.art - home of bart van der braak" />
 		<meta
 			property="twitter:description"
 			content="Personal website of Bart van der Braak showcasing milestones, tools and ideas."
 		/>
-		<meta property="og:image" content="%sveltekit.assets%/og.png" />
+		<meta property="og:image" content="https://hellob.art/og.png" />
 		<meta property="og:title" content="hellob.art - home of bart van der braak" />
 		<meta
 			property="og:description"
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..128883a
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+</script>
+
+<svelte:head>
+	<title>hellob.art &mdash; {$page.error?.message.toLowerCase() || 'error'}</title>
+</svelte:head>
+
+<div class="h-screen flex justify-center items-center">
+	<h2 class="text-3xl font-bold mb-8">{$page.error?.message || 'An unknown error occurred.'}</h2>
+</div>