diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index c143a3a..b45ea8d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -17,7 +17,7 @@
 	]
 
 	const activePath = $derived(page.url?.pathname ?? '');
-	const isHome = $derived(page.url?.pathname ?? '' === '/');
+	const isHome = $derived(page.url.pathname === '/');
 	
 
 	const moreIcon = IconDots;
@@ -36,7 +36,7 @@
 		{/if}
 	</a>
 	{#if !isHome}
-		<h1 class="page-title">{headerState?.title ?? ""}</h1>
+		<h1 class="page-title">{page?.data?.title ?? ""}</h1>
 	{/if}
 </header>
 
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 981abad..4d28455 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,4 +1,2 @@
 <script lang="ts">
-    import headerState from '$lib/Header/Header.svelte.ts'
-    headerState.title = "About"
 </script>
\ No newline at end of file
diff --git a/src/routes/about/+page.ts b/src/routes/about/+page.ts
new file mode 100644
index 0000000..d6ae02d
--- /dev/null
+++ b/src/routes/about/+page.ts
@@ -0,0 +1,5 @@
+export const load = () => {
+    return {
+        title: "About",
+    };
+};
\ No newline at end of file