// you might need to adjust imports according to your project structure
import React, { FunctionComponent } from 'react';
import { Helmet } from 'react-helmet';

const Appeal: FunctionComponent = () => {
    return (
        <div>
            <Helmet>
                <title>Appeals Selection</title>
                <meta name="Appeals selection page" content="Choose the type of appeal"/>
            </Helmet>
            <header className="App-header">
                <h1>Welcome to the Appeals page</h1>
                <h2><a href="/appeal/minecraft">Appeal a Minecraft punishment.</a></h2>
                <h2><a href="/appeal/discord">Appeal a Discord punishment.</a></h2>
            </header>
        </div>
    );
}

export default Appeal;