aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/pages/IndexPage.tsx
blob: 8dfbefe34dddc711dceba93904354a05ab487ed6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import BorderedContainer from "../components/BorderedContainer";
import NavigateLink from "../components/NavigateLink";
import { APP_NAME, BASE_PATH } from "../config";
import { usePageTitle } from "../hooks/usePageTitle";

export default function IndexPage() {
	usePageTitle(APP_NAME);

	return (
		<div className="min-h-screen bg-gray-100 flex flex-col items-center justify-center gap-y-6">
			<img
				src={`${BASE_PATH}logo.svg`}
				alt="PHPerKaigi 2026"
				className="w-96 h-auto"
			/>
			<div className="text-center">
				<div className="font-bold text-transparent bg-clip-text bg-brand-600">
					<div className="text-6xl">PHPER CODE BATTLE</div>
				</div>
			</div>
			<div className="mx-2">
				<BorderedContainer>
					<p className="text-gray-900 max-w-prose">
						PHPer コードバトルは指示された動作をする PHP
						コードをより短く書けた方が勝ち、という 1 対 1 の対戦コンテンツです。
						3/20 の day 0 と 3/21 の day 1 では、2/28
						に実施されたオフライン予選と、当日まで開催しているオンライン予選を勝ち抜いたプレイヤーによるトーナメント形式での
						PHPer コードバトルを実施します。ここでは短いコードが正義です!
						可読性も保守性も放り投げた、イベントならではのコードをお楽しみください!
					</p>
				</BorderedContainer>
			</div>
			<div className="flex gap-4">
				<NavigateLink to="/dashboard">観戦する</NavigateLink>
				<NavigateLink to="/login">ログイン</NavigateLink>
			</div>
		</div>
	);
}