Create a rudimentary header for the opening screen.

client/components/App.js

@@ -2,6 +2,7 @@ import DownloadActions from '../actions/DownloadActions';
 import DownloadStore from '../stores/DownloadStore';
 import DropZone from './DropZone';
 import FileDescription from './FileDescription';
+import Header from './Header';
 import PeerStore from '../stores/PeerStore';
 import React from 'react';
 import Tempalink from './Tempalink';
@@ -63,7 +64,10 @@ export default class App extends React.Component {
         <button onClick={this.downloadFile.bind(this)}>Download</button>
       </div>;
     } else {
-      return <DropZone onDrop={this.uploadFile.bind(this)} />;
+      return <div>
+        <Header />
+        <DropZone onDrop={this.uploadFile.bind(this)} />
+      </div>;
     }
   }
 

client/components/Header.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+export default class Header extends React.Component {
+
+  render() {
+    return <div className="header">
+      <div className="header-title">WebDrop</div>
+      <div className="header-subtitle">Send Files, Easily.</div>
+    </div>
+  }
+
+}

static/index.css

@@ -1,3 +1,18 @@
+.header {
+  padding-top: 10px;
+  padding-bottom: 15px;
+  text-align: center;
+}
+
+.header-title {
+  font: 40pt 'HelveticaNeue-Thin';
+  padding-bottom: 5px;
+}
+
+.header-subtitle {
+  font: 15pt 'HelveticaNeue-Light';
+}
+
 .drop-zone {
   border-radius: 5px;
   padding-top: 200px;