X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Fpages%2FFront.js;h=2ca43f24ae7dc5aacf107595494e686d8e63e468;hb=c5dd46ab0c59ad57b6443224829a6acbe393b869;hp=aa4b333afce9e8087dc8443973fb178f53012e56;hpb=78ee3a45427e1227013773b2a1c19fc1ee0efc12;p=alttp.git

diff --git a/resources/js/components/pages/Front.js b/resources/js/components/pages/Front.js
index aa4b333..2ca43f2 100644
--- a/resources/js/components/pages/Front.js
+++ b/resources/js/components/pages/Front.js
@@ -1,7 +1,49 @@
 import React from 'react';
+import { Button, Col, Container, Image, Row } from 'react-bootstrap';
+import { useNavigate } from 'react-router-dom';
 
-const Front = () => <div className="mt-5 text-center">
-	<h1>It&apos;s a mystery to everyone.</h1>
-</div>;
+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>;
+};
 
 export default Front;