diff --git a/src/containers/pages/IndexPage/index.js b/src/containers/pages/IndexPage/index.js
index c78be82..946b06a 100644
--- a/src/containers/pages/IndexPage/index.js
+++ b/src/containers/pages/IndexPage/index.js
@@ -1,11 +1,89 @@
import React from 'react';
-import { compose, pure } from 'recompose'
+import { withRouter } from 'react-router'
+import { compose, pure, withHandlers } from 'recompose'
+
+import { withStyles } from 'material-ui/styles';
+import Grid from 'material-ui/Grid'
+import Typography from 'material-ui/Typography'
+import Button from 'material-ui/Button'
+
import Page from 'components/Page'
+import ElixirBenchLogo from 'components/ElixirBenchLogo'
+
+import styles from './styles'
+
+const IndexPage = ({ classes, onClickGoToRepositories }) => (
+
+
+
+ ELIXIR
+
+ BENCH
+
+
+ Long Running Benchmarks for Elixir Projects
+
+
+
+
+
+
+
+ What is ElixirBench?
+
+
+
+ ElixirBench is a platform for running benchmarks for projects hosted
+ on Github. Our platform empower developers to easily monitor and detect
+ performance regressions. Like a CI, you can have your scripts running
+ automatically on every change. We provide graphics for temporal
+ tracking of the the performance of each new commits and pull requests
+ to your project.
+
+
+
+
+
+ Setup your benchmarks
+
+
+
+ Easily setup a benchee/config.yml and the benchmark scripts to start collecting
+ performance metrics for your project. We currently support benchmarks
+ written with Benchee, a powerful library specially designed to test
+ and measure performance of Elixir code. See the examples of the
+ Ecto library.
+
+
+
+
+ Reliable Hardware
+
+
+
+ Confident hardware infrastructure that runs one benchmark job at a time,
+ all within docker containers and the benefits of isolated and clean
+ environments for the execution of benchmark jobs. Also, our application
+ is being designed to support independent runners, so projects will soon
+ be able to fully control their benchmark environments and hardware
+ infrasctructure.
+
+
+
-const IndexPage = () => (
-
+
+
+
+
)
export default compose(
- pure
+ pure,
+ withRouter,
+ withStyles(styles),
+ withHandlers({
+ onClickGoToRepositories: ({ router }) => () => (
+ router.push('repos')
+ )
+ })
)(IndexPage);
diff --git a/src/containers/pages/IndexPage/styles.js b/src/containers/pages/IndexPage/styles.js
new file mode 100644
index 0000000..a0dd404
--- /dev/null
+++ b/src/containers/pages/IndexPage/styles.js
@@ -0,0 +1,17 @@
+export default () => ({
+ root: {},
+ gridDescription: {
+ lineHeight: 2,
+ fontSize: 20,
+ padding: 20,
+ },
+ gridTitle: {
+ fontFamily: 'monospace',
+ },
+ gridContainer: {
+ marginTop: '40px',
+ },
+ button: {
+ marginTop: '30px',
+ }
+})
diff --git a/src/routes/index.js b/src/routes/index.js
index 20cffed..968028e 100644
--- a/src/routes/index.js
+++ b/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 }) => (
-
+
+