import React, {Component} from 'react'
import { Link } from 'react-router'
import '../styles/_main.scss';

/**
 * Main component.
 * Represents the contents of the default page
 */
class Main extends React.Component {
  static propTypes = {
    name: React.PropTypes.string,
  };

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="container">

          <div className="jumbotron">
            <h2>Ask Questions Anonymously</h2>
            <p>Join a lecture stream or start your own. Text about app.. </p>
          </div>

          <div className="row">
            <div className="col-md-4 col-md-offset-4">
              <Link to="/create" className="btn btn-xl btn-block" role="button">Create Lecture <span className="glyphicon glyphicon-share-alt"></span></Link>
              <Link to="/join" className="btn btn-xl btn-block" roll="button">Join Lecture <span className="glyphicon glyphicon-share-alt"></span></Link>
              <Link to="/register" className="btn btn-xl btn-block" role="button">Register <span className="glyphicon glyphicon-share-alt"></span></Link>
            </div>
          </div>
          
      </div>   
    );
  }
}

export default Main;

import React, {Component} from 'react'
import { Link } from 'react-router'
import '../styles/_main.scss';

/**
 * Main component.
 * Represents the contents of the default page
 */
class Main extends React.Component {
  static propTypes = {
    name: React.PropTypes.string,
  };

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div className="container">

          <div className="jumbotron">
            <h2>Ask Questions Anonymously</h2>
            <p>Join a lecture stream or start your own. Text about app.. </p>
          </div>

          <div className="row">
            <div className="col-md-4 col-md-offset-4">
              <Link to="/create" className="btn btn-xl btn-block" role="button">Create Lecture <span className="glyphicon glyphicon-share-alt"></span></Link>
              <Link to="/join" className="btn btn-xl btn-block" role="button">Join Lecture <span className="glyphicon glyphicon-share-alt"></span></Link>
              <Link to="/register" className="btn btn-xl btn-block" role="button">Register <span className="glyphicon glyphicon-share-alt"></span></Link>
            </div>
          </div>

      </div>
    );
  }
}

export default Main;

Fix typo