add why no roles and landing pages

UI/src/components/role/Role.sass

@@ -22,6 +22,7 @@
         cursor: inherit
 
     &:hover:not(.disabled)
+      cursor: pointer
       .role__option
         transform: translateY(-1px) translateZ(0px)
         box-shadow: 0 1px 1px var(--c-dark)

UI/src/components/role/demo.js

@@ -0,0 +1,19 @@
+import React, { Component } from 'react'
+import { Map } from 'immutable'
+
+import Role from './index'
+
+export default class DemoRole extends Component {
+  state = {
+    isSelected: false
+  }
+
+  handleToggle = () => {
+    this.setState({ isSelected: !this.state.isSelected })
+  }
+
+
+  render () {
+    return <Role selected={this.state.isSelected} role={Map({ name: this.props.name, color: this.props.color })} onToggle={this.handleToggle} type='button' />
+  }
+}