Added sections via react router

src/common/Home.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import './Home.scss';
+
+export default () => {
+  return (
+    <div className="home-container">
+      <h1 className="home-container__title">Welcome to Shlink</h1>
+      <h5 className="home-container__intro">Please, select a server.</h5>
+    </div>
+  );
+};

src/common/Home.scss

@@ -0,0 +1,14 @@
+@import "../utils/base";
+
+.home-container {
+  text-align: center;
+  height: calc(100vh - #{$headerHeight});
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-flow: column;
+}
+
+.home-container__title {
+  font-size: 36px;
+}

src/common/MainHeader.js

@@ -14,6 +14,7 @@ import {
 } from 'reactstrap';
 import './MainHeader.scss';
 import shlinkLogo from './shlink-logo-white.png';
+import { Link } from 'react-router-dom';
 
 export default class MainHeader extends React.Component {
   constructor(props) {
@@ -40,7 +41,7 @@ export default class MainHeader extends React.Component {
         <Collapse navbar isOpen={this.state.isOpen}>
           <Nav navbar className="ml-auto">
             <NavItem>
-              <NavLink href="#">
+              <NavLink tag={Link} to ="/server/create">
                 <FontAwesomeIcon icon={plusIcon}/>&nbsp; Add server
               </NavLink>
             </NavItem>