1 files changed, 23 insertions, 0 deletions
diff --git a/src/components/pages/ErrorPage.svelte b/src/components/pages/ErrorPage.svelte
new file mode 100644
index 0000000..5756d78
--- /dev/null
+++ b/src/components/pages/ErrorPage.svelte
@@ -0,0 +1,23 @@
+<script lang="ts" context="module">
+    import type { ErrorPage } from '~/jet/models';
+</script>
+
+<script lang="ts">
+    import SharedErrorPage from '@amp/web-app-components/src/components/Error/ErrorPage.svelte';
+    import { getI18n } from '~/stores/i18n';
+
+    export let page: ErrorPage;
+
+    const i18n = getI18n();
+</script>
+
+<div class="error-page-container">
+    <SharedErrorPage translateFn={$i18n.t} error={page.error} />
+</div>
+
+<style>
+    .error-page-container :global(.page-error) {
+        /* -50px compensates for the global footer */
+        top: calc(50% - 50px);
+    }
+</style>