sync, too many changes to list out

ui/pages/index.js

@@ -1,10 +1,32 @@
-import React from 'react'
+import * as React from 'react'
+import redirect from '../lib/redirect'
 // import Link from 'next/link'
 // import Head from '../components/head'
 // import Nav from '../components/nav'
+import TypingDemo from '../components/demos/typing'
+import TapDemo from '../components/demos/tap'
 
-const Home = () => (
-  <h1>Hi there.</h1>
-)
+export default class Home extends React.Component {
+  static async getInitialProps (ctx, rpc) {
+    if (ctx.user != null) {
+      redirect(ctx, '/s/add')
+    }
 
-export default Home
+    ctx.layout.noBackground = true
+  }
+
+  render () {
+    return <div>
+      <h2>A bot to tame your self-assignable Discord roles.</h2>
+      <div>
+        <TypingDemo />
+        <p>What is this? 2005?</p>
+      </div>
+      <div>
+        <TapDemo />
+        <p>Just click or tap.</p>
+      </div>
+
+    </div>
+  }
+}