+const Front = () => {
+ const navigate = useNavigate();
+
+ return <Container className="mt-5">
+ <Row>
+ <Col md={6}>
+ <Button
+ className="front-panel"
+ onClick={() => navigate('/tournaments/6')}
+ variant="outline-secondary"
+ >
+ <Image alt="" className="image" src="/media/alttp/front.png" />
+ <div className="title">
+ ALttPR Weekly
+ </div>
+ </Button>
+ </Col>
+ <Col md={6}>
+ <Button
+ className="front-panel"
+ onClick={() => navigate('/tournaments/5')}
+ variant="outline-secondary"
+ >
+ <Image alt="" className="image" src="/media/sm/front.png" />
+ <div className="title">
+ Super Metroid
+ </div>
+ </Button>
+ </Col>
+ </Row>
+ </Container>;
+};