import React from "react";

export default class Welcome extends React.Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="page-root">
                <div className="jumbotron" >
                    <h1>Sports Matcher</h1>
                    <p>The best place to find a local match for a good game of your favourite sport!</p>
                </div>
                <div className="text-center p-3 mt-2">
                    <h2>Why?</h2>
                    <p>Because you want to play the sports you love while meeting new friends and foes!</p>
                    {/* TODO: All this text should be expanded on. */}
                </div>
                <hr />
                <div className="p-4">
                    <h2>Available Matches</h2>
                </div>
            </div>
        );
    }
}