diff --git a/client/homebrew/editPage/editPage.jsx b/client/homebrew/editPage/editPage.jsx
index cf5cd3f..ad3188c 100644
--- a/client/homebrew/editPage/editPage.jsx
+++ b/client/homebrew/editPage/editPage.jsx
@@ -12,6 +12,8 @@ var request = require("superagent");
 
 var SAVE_TIMEOUT = 3000;
 
+
+
 var EditPage = React.createClass({
 	getDefaultProps: function() {
 		return {
@@ -64,6 +66,9 @@ var EditPage = React.createClass({
 
 	render : function(){
 		return <div className='editPage'>
+
+
+
 			<Statusbar
 				editId={this.props.entry.editId}
 				shareId={this.props.entry.shareId}
diff --git a/client/homebrew/homePage/homePage.jsx b/client/homebrew/homePage/homePage.jsx
index bfd3ef1..08017f2 100644
--- a/client/homebrew/homePage/homePage.jsx
+++ b/client/homebrew/homePage/homePage.jsx
@@ -10,6 +10,15 @@ var Editor = require('../editor/editor.jsx');
 
 
 
+
+var Nav = require('naturalCrit/nav/nav.jsx');
+
+
+
+
+
+
+
 var KEY = 'naturalCrit-homebrew';
 
 var HomePage = React.createClass({
@@ -48,6 +57,15 @@ var HomePage = React.createClass({
 	render : function(){
 		return(
 			<div className='homePage'>
+
+
+				<Nav.base>
+					Test
+
+				</Nav.base>
+
+
+
 				<Statusbar
 					printId="Nkbh52nx_l"
 				/>
diff --git a/package.json b/package.json
index d6168a1..5493baa 100644
--- a/package.json
+++ b/package.json
@@ -16,14 +16,14 @@
     "express": "^4.13.3",
     "gulp": "^3.9.0",
     "jsoneditor": "^4.2.1",
-    "lodash": "^3.10.1",
+    "lodash": "^4.11.2",
     "marked": "^0.3.5",
     "moment": "^2.11.0",
     "mongoose": "^4.3.3",
     "pico-flux": "^1.1.0",
     "pico-router": "^1.1.0",
-    "react": "^0.14.2",
-    "react-dom": "^0.14.2",
+    "react": "^15.0.2",
+    "react-dom": "^15.0.2",
     "shortid": "^2.2.4",
     "superagent": "^1.6.1",
     "vitreum": "^3.1.1"
diff --git a/shared/naturalCrit/homebrewIcon.svg.jsx b/shared/naturalCrit/homebrewIcon.svg.jsx
new file mode 100644
index 0000000..3892018
--- /dev/null
+++ b/shared/naturalCrit/homebrewIcon.svg.jsx
@@ -0,0 +1,13 @@
+var React = require('react');
+
+var Logo = React.createClass({
+	render : function(){
+		return <svg version="1.1" x="0px" y="0px" viewBox="0 0 90 112.5" enable-background="new 0 0 90 90" >
+			<path d="M25.363,25.54c0,1.906,8.793,3.454,19.636,3.454c10.848,0,19.638-1.547,19.638-3.454c0-1.12-3.056-2.117-7.774-2.75  c-1.418,1.891-3.659,3.133-6.208,3.133c-2.85,0-5.315-1.547-6.67-3.833C33.617,22.185,25.363,23.692,25.363,25.54z"/><path d="M84.075,54.142c0-8.68-2.868-17.005-8.144-23.829c1.106-1.399,1.41-2.771,1.41-3.854c0-6.574-10.245-9.358-19.264-10.533  c0.209,0.706,0.359,1.439,0.359,2.215c0,0.09-0.022,0.17-0.028,0.26l0,0c-0.028,0.853-0.195,1.667-0.479,2.429  c9.106,1.282,14.508,3.754,14.508,5.63c0,2.644-10.688,6.486-27.439,6.486c-16.748,0-27.438-3.842-27.438-6.486  c0-2.542,9.904-6.183,25.559-6.459c-0.098-0.396-0.159-0.807-0.2-1.223c0.006,0,0.013,0,0.017,0  c-0.017-0.213-0.063-0.417-0.063-0.636c0-1.084,0.226-2.119,0.628-3.058c-6.788,0.129-30.846,1.299-30.846,11.376  c0,1.083,0.305,2.455,1.411,3.854c-5.276,6.823-8.145,15.149-8.145,23.829c0,11.548,5.187,20.107,14.693,25.115  c-0.902,3.146-1.391,7.056,1.111,8.181c2.626,1.178,5.364-2.139,7.111-5.005c4.73,1.261,10.13,1.923,16.161,1.923  c6.034,0,11.428-0.661,16.158-1.922c1.75,2.865,4.493,6.18,7.112,5.004c2.504-1.123,2.014-5.035,1.113-8.179  C78.889,74.249,84.075,65.689,84.075,54.142z M70.39,31.392c5.43,6.046,8.78,14,8.78,22.75c0,20.919-18.582,25.309-34.171,25.309  c-15.587,0-34.17-4.39-34.17-25.309c0-8.75,3.35-16.7,8.781-22.753c5.561,2.643,15.502,4.009,25.389,4.009  C54.886,35.397,64.829,34.031,70.39,31.392z"/><path d="M50.654,23.374c2.892,0,5.234-2.341,5.234-5.233c0-2.887-2.343-5.23-5.234-5.23c-2.887,0-5.231,2.343-5.231,5.23  C45.423,21.032,47.768,23.374,50.654,23.374z"/>
+			<circle cx="62.905" cy="10.089" r="3.595"/>
+			<circle cx="52.616" cy="5.048" r="2.73"/>
+		</svg>
+	}
+});
+
+module.exports = Logo;
diff --git a/shared/naturalCrit/nav/nav.jsx b/shared/naturalCrit/nav/nav.jsx
new file mode 100644
index 0000000..0f1b81c
--- /dev/null
+++ b/shared/naturalCrit/nav/nav.jsx
@@ -0,0 +1,51 @@
+var React = require('react');
+var _ = require('lodash');
+var cx = require('classnames');
+
+var Nav = {
+
+	base : React.createClass({
+		render : function(){
+			return <nav>
+				<a href="/">
+
+				</a>
+
+
+				{this.props.children}
+			</nav>
+		}
+	}),
+
+	left : React.createClass({
+		render : function(){
+			return <div className='COM'>
+				COM Ready!
+			</div>
+		}
+	}),
+
+	right : React.createClass({
+		render : function(){
+			return <div className='COM'>
+				COM Ready!
+			</div>
+		}
+	}),
+
+
+	logo : function(props){
+		return <span></span>
+
+	},
+
+
+
+
+
+
+
+};
+
+
+module.exports = Nav;
\ No newline at end of file
diff --git a/shared/naturalCrit/nav/nav.less b/shared/naturalCrit/nav/nav.less
new file mode 100644
index 0000000..9b2de7f
--- /dev/null
+++ b/shared/naturalCrit/nav/nav.less
@@ -0,0 +1,5 @@
+nav{
+	background-color: #333;
+	min-height : 25px;
+}
+