diff --git a/ui/src/layouts/BaseLayout.astro b/ui/src/layouts/BaseLayout.astro
new file mode 100644
index 0000000..7a9a951
--- /dev/null
+++ b/ui/src/layouts/BaseLayout.astro
@@ -0,0 +1,21 @@
+---
+import '../styles/global.css'
+import Navigation from '../components/Navigation.astro'
+
+const { pageTitle } = Astro.props
+---
+
+
+
+
+
+
+
+ {pageTitle}
+
+
+
+ Astro - {pageTitle}
+
+
+
diff --git a/ui/src/pages/index.astro b/ui/src/pages/index.astro
index 0652c8c..bf930e0 100644
--- a/ui/src/pages/index.astro
+++ b/ui/src/pages/index.astro
@@ -1,18 +1,9 @@
---
import '../styles/global.css';
-import Navigation from '../components/Navigation.astro';
+import BaseLayout from '../layouts/BaseLayout.astro'
+const pageTitle = "Home Page"
---
-
-
-
-
-
-
- Astro
-
-
-
- Astro
-
-
+
+ This is the home page
+