diff --git a/src/components/BasePage.tsx b/src/components/BasePage.tsx
index a50fc38..13674d9 100644
--- a/src/components/BasePage.tsx
+++ b/src/components/BasePage.tsx
@@ -25,7 +25,7 @@ source.addEventListener("reload", () => location.reload());`;
 		<body>
 			<header class="header">
 				<nav>
-					<a href="/index.html">Home</a>
+					<a href="/about.html">About</a>
 					<a href="/updates.html">Updates</a>
 					<a href="/words.html">Words</a>
 					<a href="/projects.html">Projects</a>
diff --git a/src/content/index.tsx b/src/content/about.tsx
similarity index 95%
rename from src/content/index.tsx
rename to src/content/about.tsx
index 687f5ab..38e5e2c 100644
--- a/src/content/index.tsx
+++ b/src/content/about.tsx
@@ -3,9 +3,9 @@ import { projects } from "./projects.js"
 import { updates } from "./updates.js"
 
 const title = "Hornwitser's Site";
-export const index = {
+export const about = {
 	title,
-	ref: "/index.html",
+	ref: "/about.html",
 	content: <BasePage title={title}>
 		<main>
 			<div class="hero" />
diff --git a/src/pages.tsx b/src/pages.tsx
index 1325e8d..79409d7 100644
--- a/src/pages.tsx
+++ b/src/pages.tsx
@@ -1,5 +1,5 @@
 import type { Page } from "./types.js";
-import { index } from "./content/index.js";
+import { about } from "./content/about.js";
 import { updates, updatesIndex } from "./content/updates.js";
 import { words, wordsIndex } from "./content/words.js";
 import { projects, projectsIndex } from "./content/projects.js";
@@ -7,7 +7,7 @@ import { sandbox } from "./content/sandbox.js";
 import { links } from "./content/links.js";
 
 export const pages: Page[] = [
-	index,
+	about,
 	updatesIndex,
 	...updates,
 	wordsIndex,
