import React from 'react';
import { Link } from 'react-router-dom';
import { Button, Intent } from '@blueprintjs/core';
import ScrollAnimation from 'react-animate-on-scroll';
import Title from '../Title';
import Description from '../Promotion/Description';


class Home extends React.Component {
	render() {
		return (
			<main>
				<Title/>
				<ScrollAnimation animateOnce animateIn='fadeInDown' offset={0}>
					<div className='infobox text padding'>
						Registration closes
						<br/>
						<span className='em'>Sunday 12th November</span>
						<Link to='/register'>
							<Button className='pt-large pt-fill' intent={Intent.PRIMARY}>
								Register now
							</Button>
						</Link>
						<span className='small'>
							If you're already registered,&nbsp;
							<Link to='/login' style={{color: 'yellow'}}>
								login here
							</Link>.
						</span>
					</div>
				</ScrollAnimation>
				<Description/>
			</main>
		);
	}
}


export default Home;

@@ -447,16 +447,27 @@
 dding'%3E%0A
+%09%09%09%09%09%09%3Cp%3E%0A%09
 %09%09%09%09%09%09Re
@@ -484,16 +484,17 @@
  closes%0A
+%09
 %09%09%09%09%09%09%3Cb
@@ -495,32 +495,33 @@
 %09%09%09%09%3Cbr/%3E%0A%09%09%09%09%09%09
+%09
 %3Cspan className=
@@ -549,24 +549,35 @@
 mber%3C/span%3E%0A
+%09%09%09%09%09%09%3C/p%3E%0A
 %09%09%09%09%09%09%3CLink 

Fix spacing issue