ducky/web

1 import app from 'ampersand-app'

2 import React from 'react'

3 import localLinks from 'local-links'

4 import HeroUnit from '../components/hero'

5 import onboardStyles from '../styles/onboarding.scss'

6

7 export default React.createClass({

8 displayName: 'OnboardingPage',

9

10 onLoginClick (event) {

11 event.preventDefault()

12 app.router.navigate('/login')

13 },

14

15 onRegisterClick (event) {

16 event.preventDefault()

17 app.router.navigate('/register')

18 },

19

20 render () {

21 return (

22 <div className='container'>

23 <HeroUnit title='Welcome to Ducky' settings='true'>Let’s get our ducks in a row.</HeroUnit>

24 <article className='onboarding'>

25 <p>We’re just as excited as you are, but we need some more information before we can do anything. Don’t worry, this won’t take long</p>

26 <p>First of all, who <em>are</em> you? If you have a Ducky account already, we need you to sign in. If you don’t have one, don’t sweat it. Click that fancy “Register” button below.</p>

27 <div className='actionbuttons'>

28 <button onClick={this.onLoginClick}>Sign in</button>

29 <button onClick={this.onRegisterClick}>Register</button>

30 </div>

31 </article>

32 </div>

33 )

34 }

35 })