diff --git a/src/lib/components/tracker-dialog.svelte b/src/lib/components/tracker-dialog.svelte
index 941f7609..59bf46f8 100644
--- a/src/lib/components/tracker-dialog.svelte
+++ b/src/lib/components/tracker-dialog.svelte
@@ -11,8 +11,8 @@
 	<Dialog.Content>
 		<Dialog.Title>Notice</Dialog.Title>
 		<Dialog.Description>
-			We use Posthog to track errors and usage to improve EduTools. Please disable your tracker/ad
-			blocker to allow this. Don't worry, we won't add any ads.
+			We use Posthog to detect/fix errors, track usage and roll out features. Please disable your
+			tracker/ad blocker to allow this. Don't worry, we won't show you any ads.
 		</Dialog.Description>
 		<Dialog.Footer>
 			<Dialog.Close onclick={() => ($trackerDialogClosed = true)}>
diff --git a/src/routes/handoff/+page.svelte b/src/routes/handoff/+page.svelte
index a47cb4b3..0efe8eba 100644
--- a/src/routes/handoff/+page.svelte
+++ b/src/routes/handoff/+page.svelte
@@ -81,11 +81,7 @@
 			<Button
 				variant="outline"
 				onclick={() => {
-					if (document.referrer && new URL(document.referrer).origin === window.location.origin) {
-						history.back();
-					} else {
-						location.href = '/';
-					}
+					history.back();
 				}}>Cancel</Button
 			>
 			<Button
diff --git a/src/routes/mirrors/+page.svelte b/src/routes/mirrors/+page.svelte
index 9317c4df..8c28bb1b 100644
--- a/src/routes/mirrors/+page.svelte
+++ b/src/routes/mirrors/+page.svelte
@@ -1,6 +1,81 @@
-<iframe
-	src="https://educationaltools.github.io/status/"
-	title="Status"
-	frameborder="0"
-	class="h-full w-full"
-></iframe>
+<script lang="ts">
+	import Badge from '$lib/components/ui/badge/badge.svelte';
+	import Button from '$lib/components/ui/button/button.svelte';
+	import * as Card from '$lib/components/ui/card/index.js';
+	import createBackup from '$lib/createBackup';
+	import Trophy from '@lucide/svelte/icons/trophy';
+	import Star from '@lucide/svelte/icons/star';
+	import TriangleAlert from '@lucide/svelte/icons/triangle-alert';
+
+	import { page } from '$app/state';
+	import clsx from 'clsx';
+
+	import type { Mirror } from './mirrors.config';
+	import { mirrors } from './mirrors.config';
+	import { toast } from 'svelte-sonner';
+</script>
+
+<div class="mx-auto flex w-full max-w-3xl flex-col gap-3 p-3">
+	<h1 class="text-3xl">Mirrors</h1>
+	<div class="grid w-full grid-cols-1 gap-3 md:grid-cols-2">
+		{#each mirrors as mirror}
+			{@const selected = (() => {
+				try {
+					return page.url.hostname == new URL(mirror.url).hostname;
+				} catch (e) {
+					return false;
+				}
+			})()}
+			<Card.Root class={clsx(selected && 'bg-neutral-200 dark:bg-neutral-700')}>
+				<Card.Header>
+					<Card.Title>
+						{(() => {
+							try {
+								return new URL(mirror.url).hostname;
+							} catch (e) {
+								return 'Invalid URL';
+							}
+						})()}
+					</Card.Title>
+
+					{#if selected}
+						<Badge variant="outline">Current</Badge>
+					{/if}
+					{#if mirror.quality == 'highlyrecommended'}
+						<Badge class="bg-gradient-to-r from-yellow-300 to-yellow-500"
+							><Trophy />Highly Recommended</Badge
+						>
+					{:else if mirror.quality == 'recommended'}
+						<Badge class="bg-yellow-600 dark:bg-yellow-200"><Star />Recommended</Badge>
+					{:else if mirror.quality == 'notrecommended'}
+						<Badge class="bg-red-600 dark:bg-red-200"><TriangleAlert />Not Recommended</Badge>
+					{/if}
+
+					{#if mirror.notes}
+						<Card.Description>{mirror.notes}</Card.Description>
+					{/if}
+				</Card.Header>
+				{#if !selected}
+					<Card.Footer class="flex flex-row gap-3">
+						<Button variant="outline" href={mirror.url}>Go</Button>
+						<Button
+							onclick={() => {
+								try {
+									const backup = createBackup();
+									const url = new URL('/handoff', mirror.url);
+									url.searchParams.set('data', backup);
+									location.href = url.toString();
+								} catch (error) {
+									console.error('Migration failed:', error);
+									toast.error('Migration failed');
+								}
+							}}
+						>
+							Migrate
+						</Button>
+					</Card.Footer>
+				{/if}
+			</Card.Root>
+		{/each}
+	</div>
+</div>
diff --git a/src/routes/mirrors/mirrors.config.ts b/src/routes/mirrors/mirrors.config.ts
new file mode 100644
index 00000000..4e9ffc0c
--- /dev/null
+++ b/src/routes/mirrors/mirrors.config.ts
@@ -0,0 +1,15 @@
+export type Mirror = {
+	url: string;
+	quality?: 'highlyrecommended' | 'recommended' | 'notrecommended';
+	notes?: string;
+};
+
+export const mirrors: Mirror[] = [
+	{ url: 'https://edutools.ingo.au', quality: 'highlyrecommended' },
+	{ url: 'https://edutools.ingowolf.au', quality: 'recommended' },
+	{ url: 'https://educationaltools.github.io', quality: 'recommended' },
+	{ url: 'https://educationaltools.vercel.app' },
+	{ url: 'https://edutools-d915e.web.app' },
+	{ url: 'https://edutools-d915e.firebaseapp.com' },
+	{ url: 'https://edutools.infinityfreeapp.com', quality: 'notrecommended' }
+];