built our first functional component

src/bootstrap.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import App from './components/app';
+import Home from './components/home';
 
-import 'bootstrap/dist/css/bootstrap.css';
+// import 'bootstrap/dist/css/bootstrap.css';
 import './style/main.scss';
 
 function main() {
   ReactDOM.render(
-    <App />
+    <Home />
     , document.querySelector('.app-wrapper'));
 }
 

src/components/header.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Header = () => {
+    return (
+        <div className="header">
+            <h1>Bottega Madlibs</h1>
+            <p>Fill out the fields below and click the generate button to see the Mad Lib story.</p>
+        </div>
+    )
+}
+
+export default Header;

src/components/home.js

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+
+import Header from './header';
+
+class Home extends Component {
+  render() {
+    return (
+      <div className="home">
+        { Header() }
+      </div>
+    );
+  }
+}
+
+export default Home;