[Ivan Diaz] - Add login widget first approach

src/app/main/main-home-page-login-widget.js

@@ -0,0 +1,22 @@
+import React              from 'react/addons';
+
+import Widget             from 'core-components/widget';
+import Input              from 'core-components/input';
+import Button             from 'core-components/button';
+
+var MainHomePageLoginWidget = React.createClass({
+    render() {
+        return (
+            <Widget>
+                <h3>Login</h3>
+
+                <Input placeholder="email" />
+                <Input placeholder="password" />
+
+                <Button type="primary">LOG IN</Button>
+            </Widget>
+        );
+    }
+});
+
+export default MainHomePageLoginWidget;

src/app/main/main-home-page.js

@@ -2,12 +2,14 @@ import React              from 'react/addons';
 import {ListenerMixin}    from 'reflux';
 import {RouteHandler}     from 'react-router';
 
+import MainHomePageLoginWidget  from 'app/main/main-home-page-login-widget';
+
 var MainHomePage = React.createClass({
 
 	render() {
 		return (
-			<div>
-				this is the Home page
+			<div className="main-home-page">
+				<MainHomePageLoginWidget />
 			</div>
 		);
 	}

src/app/main/main-home-page.scss

@@ -0,0 +1,4 @@
+.main-home-page {
+  text-align: center;
+  min-height: 400px;
+}

src/core-components/input.js

@@ -0,0 +1,16 @@
+import React from 'react';
+
+var Input = React.createClass({
+
+    render() {
+        return (
+            <input {...this.getProps()} />
+        );
+    },
+
+    getProps() {
+        return this.props;
+    }
+});
+
+export default Input;