diff --git a/src/components/Header.astro b/src/components/Header.astro
new file mode 100644
index 00000000..c7ab4c98
--- /dev/null
+++ b/src/components/Header.astro
@@ -0,0 +1,10 @@
+---
+import NavLink from "./NavLink.astro";
+
+const { currentPage } = Astro.props;
+---
+
+
diff --git a/src/components/NavLink.astro b/src/components/NavLink.astro
new file mode 100644
index 00000000..5f3bb83f
--- /dev/null
+++ b/src/components/NavLink.astro
@@ -0,0 +1,9 @@
+---
+const { currentPage, title, href } = Astro.props;
+---
+
+{title}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
new file mode 100644
index 00000000..9dfc4b6a
--- /dev/null
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,20 @@
+---
+import "../styles/global.css";
+import Header from "../components/Header.astro";
+const { currentPage } = Astro.props;
+---
+
+
+
+
+
+
+ ob - {currentPage}
+
+
+
+
+
+
+
+
diff --git a/src/pages/about.astro b/src/pages/about.astro
new file mode 100644
index 00000000..a591c435
--- /dev/null
+++ b/src/pages/about.astro
@@ -0,0 +1,7 @@
+---
+import Layout from "../layouts/Layout.astro";
+---
+
+
+ about page
+
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2d141073..f974355b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,16 +1,7 @@
---
+import Layout from "../layouts/Layout.astro";
+---
----
-
-
-
-
-
-
-
- Astro
-
-
- Astro
-
-
+
+ home page
+
\ No newline at end of file