Basic functionality in place, need improved errors and logged in redirect

server/pages/components/AuthErrors.js

@@ -0,0 +1,32 @@
+// @flow
+import * as React from 'react';
+import Notice from '../../../shared/components/Notice';
+
+type Props = {
+  notice?: string,
+};
+
+export default function AuthErrors({ notice }: Props) {
+  return (
+    <React.Fragment>
+      {notice === 'google-hd' && (
+        <Notice>
+          Sorry, Google sign in cannot be used with a personal email. Please try
+          signing in with your company Google account.
+        </Notice>
+      )}
+      {notice === 'hd-not-allowed' && (
+        <Notice>
+          Sorry, your Google apps domain is not allowed. Please try again with
+          an allowed company domain.
+        </Notice>
+      )}
+      {notice === 'auth-error' && (
+        <Notice>
+          Authentication failed - we were unable to sign you in at this time.
+          Please try again.
+        </Notice>
+      )}
+    </React.Fragment>
+  );
+}

server/pages/components/Hero.js

@@ -11,6 +11,11 @@ const Hero = styled(Centered)`
     font-size: 3.5em;
     line-height: 1em;
   }
+
+  h2 {
+    font-size: 2.5em;
+    line-height: 1em;
+  }
 `;
 
 export default Hero;

server/pages/components/HeroText.js

@@ -0,0 +1,13 @@
+// @flow
+import styled from 'styled-components';
+
+const HeroText = styled.p`
+  font-size: 22px;
+  color: #666;
+  font-weight: 500;
+  text-align: left;
+  max-width: 600px;
+  margin-bottom: 2em;
+`;
+
+export default HeroText;

server/pages/components/Navigation.js

@@ -16,7 +16,7 @@ import {
 function TopNavigation() {
   return (
     <Nav>
-      <Brand href="/">Outline</Brand>
+      <Brand href={process.env.URL}>Outline</Brand>
       <Menu>
         <MenuItemDesktop>
           <a href="/#features">Features</a>

server/pages/components/SigninButtons.js

@@ -8,7 +8,7 @@ import SlackLogo from '../../../shared/components/SlackLogo';
 import breakpoint from 'styled-components-breakpoint';
 
 type Props = {
-  lastSignedIn: string,
+  lastSignedIn?: string,
   googleSigninEnabled: boolean,
   slackSigninEnabled: boolean,
 };