Added the banner image

src/components/app.jsx

@@ -20,6 +20,7 @@ export default class App extends React.Component {
 	render() {
 		return (
 			<div className = 'central'>
+				<img className='banner' src={'/img/flag.png'} />
 				<BrowserRouter>
 					<Switch>
 						<Route exact path='/' component={Home} />

src/components/pages/home.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import { withRouter, Link } from 'react-router-dom';
-import PropTypes from 'prop-types';
 
 //panels
 import CommonLinks from '../panels/common_links.jsx';
@@ -37,8 +36,6 @@ class Home extends React.Component {
 		//return the home page
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />
 
@@ -117,11 +114,6 @@ class Home extends React.Component {
 	}
 }
 
-Home.propTypes = {
-	id: PropTypes.number.isRequired,
-	token: PropTypes.number.isRequired
-};
-
 function mapStoreToProps(store) {
 	return {
 		id: store.account.id,

src/components/pages/ladder.jsx

@@ -22,8 +22,6 @@ class Ladder extends React.Component {
 
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<div className='sidePanel'>
 						<CommonLinks />

src/components/pages/profile.jsx

@@ -59,8 +59,6 @@ class Profile extends React.Component {
 		//finally
 		return (
 			<div className='page'>
-				<h1 style={{textAlign: 'center', fontSize: '50px', margin: '30px'}}>KINGDOM BATTLES!</h1>
-
 				<div className='sidePanelPage'>
 					<SidePanel />