text: import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  
  class Landing extends Component {
      render() {
          return (
              <div className="container valign-wrapper" style={{ height: "75vh" }}>
                  <div className="row">
                      <div className="col s12 center-align">
                          <h4>
                              <b>Build</b> a login/auth app with the {" "} <span style={{ fontFamily: "monospace" }}>MERN</span> stack from scratch
                          </h4>
                          <p className="flow-text grey-text text-darken-1">
                              Create a (minimal) full-stack app with user authentication via passport and JWTs
                          </p>
                          <br />
                          <div className="col s6">
                              <Link to="/register" className="btn btn-large waves-effect waves-light hoverable blue accent-3" style={{
                                  width: "140px",
                                  borderRadius: "3px",
                                  letterSpacing: "1.5px"
                              }}>
                                  Register
                              </Link>
                          </div>
                          <div className="col s6">
                              <Link to="/login" className="btn btn-large btn-flat waves-effect white black-text" style={{
                                  width: "140px",
                                  borderRadius: "3px",
                                  letterSpacing: "1.5px"
                              }}>
                                  Login
                              </Link>
                          </div>
                      </div>
                  </div>
              </div>
          );
      }
  }
  
  export default Landing;