diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
new file mode 100644
index 0000000..c672240
--- /dev/null
+++ b/src/components/Navigation.astro
@@ -0,0 +1,7 @@
+---
+
+---
+
+Home
+About
+Blog
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 716f2ca..db97b81 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,4 +1,5 @@
---
+import Navigation from "../components/Navigation.astro";
import "../styles/global.css";
const pageTitle = "About Me";
@@ -46,9 +47,7 @@ const textCase = "uppercase";
- Home
- About
- Blog
+
{pageTitle}
... and my new Astro site!
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index ea6c420..ecd8dee 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -1,5 +1,6 @@
---
-
+import Navigation from "../components/Navigation.astro";
+import "../styles/global.css";
---
@@ -11,9 +12,7 @@
About
- Home
- About
- Blog
+
My Astro Learning Blog
This is where I will post about my journey learning Astro.
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 87638cc..8500b7b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,8 @@
---
+import Navigation from "../components/Navigation.astro";
+import "../styles/global.css";
+const pageTitle = "Thuan's Astro Page";
---
@@ -8,12 +11,10 @@
- Astro
+ {pageTitle}
- Home
- About
- Blog
- Thuan's Astro Page
+
+ {pageTitle}