diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
new file mode 100644
index 0000000..5018698
--- /dev/null
+++ b/src/components/Navigation.astro
@@ -0,0 +1,8 @@
+---
+---
+
+<nav>
+  <a href="/">Home</a>
+  <a href="/about">About</a>
+  <a href="/blog">Blog</a>
+</nav>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 55e68fb..22fb270 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,5 +1,6 @@
 ---
 import "../styles/global.css"
+import Navigation from "../components/Navigation.astro"
 
 const pageTitle = "About Me"
 
@@ -47,9 +48,7 @@ const skillColor = "navy"
     </style>
 	</head>
 	<body>
-    <a href="/">Home</a>
-    <a href="/about">About</a>
-    <a href="/blog">Blog</a>
+    <Navigation />
 
     <h1>{pageTitle}</h1>
     <h2>... and my new website!</h2>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 0e6ffd3..780dac2 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,5 +1,6 @@
 ---
 import "../styles/global.css"
+import Navigation from "../components/Navigation.astro"
 
 const pageTitle = "Blog posts"
 
@@ -14,11 +15,7 @@ const pageTitle = "Blog posts"
 		<title>{pageTitle}</title>
 	</head>
 	<body>
-    <a href="/">Home</a>
-    <a href="/about">About</a>
-    <a href="/blog">Blog</a>
-    
-    
+    <Navigation />
 
 		<h1>{pageTitle}</h1>
     <p>This is a list of my blog posts.</p>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index dd416b6..f84cd1c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import "../styles/global.css"
+import Navigation from "../components/Navigation.astro"
 
 const pageTitle = "Orbital Orbit"
 ---
@@ -13,9 +14,7 @@ const pageTitle = "Orbital Orbit"
 		<title>{pageTitle}</title>
 	</head>
 	<body>
-    <a href="/">Home</a>
-    <a href="/about">About</a>
-    <a href="/blog">Blog</a>
+    <Navigation />
 
 		<h1>{pageTitle}</h1>
 	</body>
