import React, { Component } from 'react';

export default class Home extends Component {
  render () {
    return (
      <div id='homepage-container'>

        <div id='main-masthead' className='ui masthead center aligned brown inverted vertical segment'>
          <h1 className='ui header'>Tap</h1>
          <h2 className='ui header'>Registration and Visualization Portal</h2>
        </div>

        <div className="ui container">

          <div className="ui center aligned vertical very padded basic page segment">

            <div className="ui large header">How It Works</div>

            <div className="ui center aligned equal width stackable grid">

              <div className="stackable column">
                <i className="huge red code icon"></i>
                <div className="ui medium header">1. Register your app</div>
              </div>

              <div className="stackable column">
                <i className="huge green record icon"></i>
                <div className="ui medium header">2. Instrument your app</div>
              </div>

              <div className="stackable column">
                <i className="huge blue bar chart icon"></i>
                <div className="ui medium header">3. See your results</div>
              </div>

            </div>

          </div>

          <div className="ui divider"></div>

          <div className="ui center aligned vertical very padded basic page segment">

            <div className="ui large header">Deploying Tap</div>

            <p>
              Tap is a React app driven by a Django back end.
            </p>

          </div>

          <div className="ui divider"></div>

          <div className="ui center aligned vertical very padded basic page segment">

            <div className="ui large header">About Tap</div>

            <p>
              Tap is developed at <a href="http://www.draper.com">Draper</a> as part of the Software as a Sensor&trade; suite of products.
              <br></br>
              It's released under the Apache v2.0 License.
            </p>

          </div>

        </div>


      </div>
    );
  }
}