Adds IndexPage

Signed-off-by: Tallys Martins <tallysmartins@gmail.com>

src/containers/pages/IndexPage/index.js

@@ -1,11 +1,74 @@
 import React from 'react';
 import { compose, pure } from 'recompose'
+import { withStyles } from 'material-ui/styles';
 import Page from 'components/Page'
 
-const IndexPage = () => (
-  <Page title="Home page"></Page>
+import Grid from 'material-ui/Grid'
+import Typography from 'material-ui/Typography'
+
+import PageBlock from 'components/PageBlock'
+import ElixirBenchLogo from 'components/ElixirBenchLogo'
+
+import styles from './styles'
+
+const IndexPage = ({ classes }) => (
+  <Page>
+
+    <Grid align="center">
+      <Typography variant="display3" align="center" style={{fontFamily: 'serif'}}>
+        ELIXIR
+        <ElixirBenchLogo color="primary" style={{ fontSize: "76px" }}/>
+        BENCH
+      </Typography>
+      <Typography variant="headline" align="center" style={{borderBottom: '2px solid gray'}}>
+        Long Running Benchmarks for Elixir Projects
+      </Typography>
+    </Grid>
+
+    <Grid container className={ classes.gridContainer } align="center">
+      <Grid item xs={ 12 } sm={ 12 } md={ 4 }>
+        <Grid >
+          <Typography variant='display1' className={ classes.gridTitle }>
+            What is ElixirBench?
+          </Typography>
+
+          <Typography align='justify' className={ classes.gridDescription }>
+            ElixirBench is a platform for running benchmarks for projects hosted
+            on Github.Etiam hendrerit mattis sapien, eu placerat eros posuere
+            vitae. Duis accumsan porta nunc et scelerisque. Lorem ipsum dolor sit amet.
+          </Typography>
+        </Grid>
+      </Grid>
+      <Grid item xs={ 12 } sm={ 12 } md={ 4 }>
+        <Typography variant='display1' className={ classes.gridTitle }>
+          Setup your benchmarks
+        </Typography>
+
+        <Typography align='justify' className={ classes.gridDescription }>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis
+          diam id quam lobortis consequat. Lorem ipsum dolor sit amet, consectetur
+          adipiscing elit. Etiam hendrerit mattis sapien, eu placerat eros posuere
+          vitae. Duis accumsan porta nunc et scelerisque.
+        </Typography>
+      </Grid>
+      <Grid item xs={ 12 } sm={ 12 } md={ 4 }>
+        <Typography variant='display1' className={ classes.gridTitle }>
+          Reliable Hardware
+        </Typography>
+
+        <Typography align='justify' className={ classes.gridDescription }>
+          Adi pa daw asd as wasd sloker m asi s consequat ipsum sit amer eros
+          oisuer Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer venenatis
+          diam id quam lobortis consequat. Lorem ipsum dolor sit amet, consectetur
+          adipiscing elit. Etiam hendrerit mattis sapien, eu placerat eros posuere
+          vitae.
+        </Typography>
+      </Grid>
+    </Grid>
+  </Page>
 )
 
 export default compose(
-  pure
+  pure,
+  withStyles(styles),
 )(IndexPage);

src/containers/pages/IndexPage/styles.js

@@ -0,0 +1,13 @@
+export default () => ({
+  root: {},
+  gridDescription: {
+    fontSize: 20,
+    padding: 20,
+  },
+  gridTitle: {
+    fontFamily: 'monospace',
+  },
+  gridContainer: {
+    marginTop: '30px',
+  }
+})

src/routes/index.js

@@ -3,6 +3,7 @@ import { IndexRoute, Router, Route, IndexRedirect } from 'react-router'
 import { syncHistoryWithStore } from 'react-router-redux'
 
 import AppLayout from 'containers/layouts/AppLayout'
+import IndexPage from 'containers/pages/IndexPage'
 import NotFoundPage from 'containers/pages/NotFoundPage'
 import ReposListPage from 'containers/pages/ReposListPage'
 import RepoDetailsPage from 'containers/pages/RepoDetailsPage'
@@ -12,7 +13,8 @@ import JobDetailsPage from 'containers/pages/JobDetailsPage'
 export default ({ store, history }) => (
   <Router history={ syncHistoryWithStore(history, store) }>
     <Route path="/" component={ AppLayout }>
-      <IndexRedirect to="repos" />
+      <IndexRedirect to="index" />
+      <Route path="index" component={ IndexPage } />
       <Route path="repos">
         <IndexRoute component={ ReposListPage } />
         <Route path=":owner/:repo">