feat(frontend): update top page

1 files changed, 6 insertions, 6 deletions

diff --git a/frontend/app/routes/_index.tsx b/frontend/app/routes/_index.tsx
index 651a61c..5ec60e5 100644
--- a/frontend/app/routes/_index.tsx
+++ b/frontend/app/routes/_index.tsx
@@ -1,6 +1,6 @@
 import type { LoaderFunctionArgs, MetaFunction } from "react-router";
 import { ensureUserNotLoggedIn } from "../.server/auth";
-import BorderedContainer from "../components/BorderedContainer";
+import BorderedContainerWithCaption from "../components/BorderedContainerWithCaption";
 import NavigateLink from "../components/NavigateLink";
 
 export const meta: MetaFunction = () => [
@@ -26,16 +26,16 @@ export default function Index() {
 				</div>
 			</div>
 			<div className="mx-2">
-				<BorderedContainer>
+				<BorderedContainerWithCaption caption="オンライン予選開催中 (3/21 決勝当日まで)">
 					<p className="text-gray-900 max-w-prose">
 						PHPer コードバトルは指示された動作をする PHP
 						コードをより短く書けた方が勝ち、という 1 対 1
 						の対戦コンテンツです。3/21（金）day0 前夜祭では 3/8
-						に実施された予選を勝ち抜いたプレイヤーによるトーナメント形式での
-						PHPer コードバトルを実施します。
-						ここでは短いコードが正義です！可読性も保守性も放り投げた、イベントならではのコードをお楽しみください！
+						に実施されたオフライン予選と、当日まで開催しているオンライン予選を勝ち抜いたプレイヤーによるトーナメント形式での
+						PHPer コードバトルを実施します。ここでは短いコードが正義です！
+						可読性も保守性も放り投げた、イベントならではのコードをお楽しみください！
 					</p>
-				</BorderedContainer>
+				</BorderedContainerWithCaption>
 			</div>
 			<div>
 				<NavigateLink to="/login">ログイン</NavigateLink>