diff --git a/middleware/defaultPage.global.ts b/middleware/defaultPage.global.ts
new file mode 100644
index 00000000..86b6ff5a
--- /dev/null
+++ b/middleware/defaultPage.global.ts
@@ -0,0 +1,8 @@
+import { defaultProfile } from '~/constants/defaultProfile';
+
+export default defineNuxtRouteMiddleware((to /* , from */) => {
+  // Default to the default profile if no profile is specified
+  if (to.path === '/') {
+    return navigateTo(`/${defaultProfile}`);
+  }
+});
diff --git a/pages/index.vue b/pages/index.vue
deleted file mode 100644
index 00cf5eaf..00000000
--- a/pages/index.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<template>
-  <Profile :profile="profile" />
-</template>
-
-<script setup lang="ts">
-import { useHeader } from '~/composables/useHeader';
-import { defaultProfile } from '~/constants/defaultProfile';
-import { profiles } from '~/server/profiles';
-
-const profile = profiles.find(
-  searchedProfile => searchedProfile.person.name.first.toLowerCase() === defaultProfile,
-)!;
-
-const { title } = useHeader();
-title.value = `${profile?.person.name.first} ${profile?.person.name.last}`;
-</script>