diff --git a/client/App.tsx b/client/App.tsx
index d540590..0353de5 100644
--- a/client/App.tsx
+++ b/client/App.tsx
@@ -3,17 +3,16 @@ import { BrowserRouter as Router, Route, Switch as RouteSwitch } from 'react-rou
 
 import './index.css';
 
-import Explore from './Explore';
-import Home from './Home';
-import PatternPage from './PatternPage';
+import ExplorePage from './pages/ExplorePage';
+import HomePage from './pages/HomePage';
+import PatternPage from './pages/PatternPage';
 
 const App = () => {
     return (
         <Router>
             <RouteSwitch>
-                <Route exact={true} path='/'><Home /></Route>
-                <Route exact={true} path='/patterns'><Explore /></Route>
-
+                <Route exact={true} path='/'><HomePage /></Route>
+                <Route exact={true} path='/patterns'><ExplorePage /></Route>
                 <Route
                     path='/patterns/:pattern'
                     render={(props) => <PatternPage pattern={props.match.params.pattern as string} />} // tslint:disable-line
diff --git a/client/Explore.tsx b/client/pages/ExplorePage.tsx
similarity index 94%
rename from client/Explore.tsx
rename to client/pages/ExplorePage.tsx
index 99bc5b5..57bb5cf 100644
--- a/client/Explore.tsx
+++ b/client/pages/ExplorePage.tsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 
-import CoverCard from './components/CoverCard';
-import Heading from './components/Heading';
-import Pattern from './constants/Pattern';
-import useDocumentTitle from './hooks/useDocumentTitle';
-import Layout from './layouts/Layout';
+import CoverCard from '../components/CoverCard';
+import Heading from '../components/Heading';
+import Pattern from '../constants/Pattern';
+import useDocumentTitle from '../hooks/useDocumentTitle';
+import Layout from '../layouts/Layout';
 
-const Home = () => {
+const ExplorePage = () => {
     useDocumentTitle('CSS Layout ∙ Explore');
 
     return (
@@ -129,4 +129,4 @@ const Home = () => {
     );
 };
 
-export default Home;
+export default ExplorePage;
diff --git a/client/Home.tsx b/client/pages/HomePage.tsx
similarity index 98%
rename from client/Home.tsx
rename to client/pages/HomePage.tsx
index 8cddd17..3ffb173 100644
--- a/client/Home.tsx
+++ b/client/pages/HomePage.tsx
@@ -3,12 +3,12 @@ import { Link } from 'react-router-dom';
 
 import './home.css';
 
-import CoverCard from './components/CoverCard';
-import Pattern from './constants/Pattern';
-import useDocumentTitle from './hooks/useDocumentTitle';
-import Layout from './layouts/Layout';
+import CoverCard from '../components/CoverCard';
+import Pattern from '../constants/Pattern';
+import useDocumentTitle from '../hooks/useDocumentTitle';
+import Layout from '../layouts/Layout';
 
-const Home = () => {
+const HomePage = () => {
     useDocumentTitle('CSS Layout');
 
     return (
@@ -241,4 +241,4 @@ const Home = () => {
     );
 };
 
-export default Home;
+export default HomePage;
diff --git a/client/PatternPage.tsx b/client/pages/PatternPage.tsx
similarity index 85%
rename from client/PatternPage.tsx
rename to client/pages/PatternPage.tsx
index 0ecda90..42d999f 100644
--- a/client/PatternPage.tsx
+++ b/client/pages/PatternPage.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import Pattern from './constants/Pattern';
-import DetailsLoader from './loaders/DetailsLoader';
+import Pattern from '../constants/Pattern';
+import DetailsLoader from '../loaders/DetailsLoader';
 
 interface PatternPageProps {
     pattern: string;
diff --git a/client/home.css b/client/pages/home.css
similarity index 100%
rename from client/home.css
rename to client/pages/home.css