diff --git a/web/src/Routes.js b/web/src/Routes.js
index 5230c29..a40632f 100644
--- a/web/src/Routes.js
+++ b/web/src/Routes.js
@@ -26,6 +26,12 @@ const Routes = () => {
           <Route path="/admin/posts" page={PostPostsPage} name="posts" />
         </Set>
       </Private>
+      <Set wrap={BlogLayout}>
+        <Route path="/contact" page={ContactPage} name="contact" />
+        <Route path="/article/{id:Int}" page={ArticlePage} name="article" />
+        <Route path="/about" page={AboutPage} name="about" />
+        <Route path="/" page={HomePage} name="home" />
+      </Set>
       <Route notfound page={NotFoundPage} />
     </Router>
   )
diff --git a/web/src/pages/BlogPostPage/ArticlePage.js b/web/src/pages/BlogPostPage/ArticlePage.js
new file mode 100644
index 0000000..9d35cc7
--- /dev/null
+++ b/web/src/pages/BlogPostPage/ArticlePage.js
@@ -0,0 +1,7 @@
+import BlogPostCell from 'src/components/BlogPostCell'
+
+const ArticlePage = ({ id }) => {
+  return <BlogPostCell id={id} />
+}
+
+export default ArticlePage
diff --git a/web/src/pages/BlogPostPage/ArticlePage.stories.js b/web/src/pages/BlogPostPage/ArticlePage.stories.js
new file mode 100644
index 0000000..008d3e0
--- /dev/null
+++ b/web/src/pages/BlogPostPage/ArticlePage.stories.js
@@ -0,0 +1,7 @@
+import ArticlePage from './ArticlePage'
+
+export const generated = () => {
+  return <ArticlePage />
+}
+
+export default { title: 'Pages/ArticlePage' }
diff --git a/web/src/pages/BlogPostPage/BlogPostPage.test.js b/web/src/pages/BlogPostPage/ArticlePage.test.js
similarity index 55%
rename from web/src/pages/BlogPostPage/BlogPostPage.test.js
rename to web/src/pages/BlogPostPage/ArticlePage.test.js
index cb14ea6..cd7289f 100644
--- a/web/src/pages/BlogPostPage/BlogPostPage.test.js
+++ b/web/src/pages/BlogPostPage/ArticlePage.test.js
@@ -1,11 +1,11 @@
 import { render } from '@redwoodjs/testing'
 
-import BlogPostPage from './BlogPostPage'
+import ArticlePage from './ArticlePage'
 
-describe('BlogPostPage', () => {
+describe('ArticlePage', () => {
   it('renders successfully', () => {
     expect(() => {
-      render(<BlogPostPage />)
+      render(<ArticlePage />)
     }).not.toThrow()
   })
 })
diff --git a/web/src/pages/BlogPostPage/BlogPostPage.js b/web/src/pages/BlogPostPage/BlogPostPage.js
deleted file mode 100644
index 0b8ac63..0000000
--- a/web/src/pages/BlogPostPage/BlogPostPage.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import BlogPostCell from 'src/components/BlogPostCell'
-
-const BlogPostPage = ({ id }) => {
-  return (
-    <BlogPostCell id={id} />
-  )
-}
-
-export default BlogPostPage
diff --git a/web/src/pages/BlogPostPage/BlogPostPage.stories.js b/web/src/pages/BlogPostPage/BlogPostPage.stories.js
deleted file mode 100644
index 5e9fa74..0000000
--- a/web/src/pages/BlogPostPage/BlogPostPage.stories.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import BlogPostPage from './BlogPostPage'
-
-export const generated = () => {
-  return <BlogPostPage />
-}
-
-export default { title: 'Pages/BlogPostPage' }