+import CanonicalLinks from '../common/CanonicalLinks';
+
+const Front = () => {
+ const navigate = useNavigate();
+
+ React.useEffect(() => {
+ const returnPath = localStorage.getItem('returnPath');
+ if (returnPath) {
+ localStorage.removeItem('returnPath');
+ navigate(returnPath);
+ }
+ }, []);
+
+ return <Container className="mt-5">
+ <CanonicalLinks base="/" />
+ <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>;
+};