Good start on the homepage and added int eh google analytics code

client/naturalCrit/home/home.jsx

@@ -0,0 +1,45 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var Icon = require('naturalCrit/icon.svg.jsx');
+
+var Logo = require('naturalCrit/logo/logo.jsx');
+
+
+var HomebrewIcon = require('naturalCrit/homebrewIcon.svg.jsx');
+var CombatIcon = require('naturalCrit/combatIcon.svg.jsx');
+
+var Home = React.createClass({
+
+	render : function(){
+		var self = this;
+		return(
+			<div className='home'>
+
+
+				<div className='top'>
+					<Logo />
+					<p>Tip-top tools for the discerning DM</p>
+				</div>
+
+				<div className='tools'>
+
+					<div className='homebrew toolContainer' href='/homebrew'>
+						<HomebrewIcon />
+						<h2>The Homebrewery</h2>
+						<p>Make authentic-looking 5e homebrews using just <a href='https://help.github.com/articles/markdown-basics/'>Markdown</a></p>
+
+					</div>
+					<div className='combat toolContainer underConstruction'>
+						<CombatIcon />
+						<h2>Combat Manager</h2>
+						<p>Easily create and manage complex encouters for your party</p>
+					</div>
+				</div>
+			</div>
+		);
+	}
+});
+
+module.exports = Home;

client/naturalCrit/home/home.less

@@ -0,0 +1,58 @@
+.home{
+	background-color: white;
+
+	.top{
+		text-align: center;
+
+		.logo{
+			font-size: 4em;
+			color : black;
+			svg{
+				fill : black;
+			}
+		}
+
+		p{
+			margin-top: 15px;
+			font-size: 1.5em;
+			font-style: italic;
+			color : @grey;
+		}
+	}
+
+	.tools{
+
+		.toolContainer{
+			display: inline-block;
+			width : 500px;
+			cursor : pointer;
+
+			border-right : 5px solid @silver;
+
+			padding : 40px;
+
+			svg{
+
+				&:hover{
+					path, line, polyline, circle, rect, polygon{
+
+						stroke-dashoffset : 0px;
+					}
+				}
+
+				path, line, polyline, circle, rect, polygon {
+
+
+					stroke-dasharray  : 300px;
+					stroke-dashoffset : 300px;
+
+					.animateAll(1s);
+				}
+
+
+			}
+
+		}
+	}
+
+}

client/naturalCrit/naturalCrit.jsx

@@ -3,13 +3,15 @@ var _ = require('lodash');
 var cx = require('classnames');
 var CreateRouter = require('pico-router').createRouter;
 
+var Home = require('./home/home.jsx');
 var CombatManager = require('./combatManager/combatManager.jsx');
 //var Homebrew = require('./homebrew/homebrew.jsx');
 
 
 var Router = CreateRouter({
-	'/' : <CombatManager />,
+	'/' : <Home />,
 	'/combat' : <CombatManager />,
+	//'/homebrew' : <Homebrew />,
 });