Move pages to /pages

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

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;

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;

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;