diff --git a/src/routes/collection/+page.svelte b/src/routes/collection/+page.svelte
index e69de29b..6a629bc0 100644
--- a/src/routes/collection/+page.svelte
+++ b/src/routes/collection/+page.svelte
@@ -0,0 +1,31 @@
+<svelte:options runes={true} />
+
+<script lang="ts">
+	import { page } from '$app/stores'
+</script>
+
+<svelte:head>
+	<title>Collection</title>
+</svelte:head>
+
+<div class="container">
+	<h1>Collection</h1>
+	<p>Your collection in Granblue Fantasy</p>
+	<!-- Content will be added here -->
+</div>
+
+<style lang="scss">
+	.container {
+		padding: 2rem;
+		max-width: 1200px;
+		margin: 0 auto;
+
+		h1 {
+			margin-bottom: 1rem;
+		}
+
+		p {
+			color: var(--text-secondary);
+		}
+	}
+</style>