Add volunteer page

src/components/Nav/menus.ts

@@ -38,6 +38,10 @@ const Menus: MenuType = {
         name: "파이콘 한국 준비위원회",
         path: "/about/organizing-team",
       },
+      {
+        name: "자원봉사자",
+        path: "/about/volunteer",
+      },
       {
         name: "건강 관련 안내",
         path: "/about/health",

src/pages/About/volunteer.tsx

@@ -0,0 +1,28 @@
+import Page from "components/common/Page";
+import React from "react";
+
+import useTranslation from "utils/hooks/useTranslation";
+
+const Volunteer = () => {
+  const t = useTranslation();
+
+  return (
+    <Page>
+      <h1>{t("자원봉사자")}</h1>
+      <p>
+        {t(
+          "파이콘 한국 2024에서 행사 진행을 위해 기여해주신 분들입니다. 파이콘 한국에 기여해주셔서 감사합니다."
+        )}
+        <br />
+        {t("(가나다순)")}
+      </p>
+      <p>
+        {["윤우섭", "노관옥", "주환석", "차보경", "주예은", "조준형", "김혜린", "김준우"]
+          .sort()
+          .join(", ")}
+      </p>
+    </Page>
+  );
+};
+
+export default Volunteer;

src/routes.tsx

@@ -22,6 +22,7 @@ import PosterSession from "pages/PosterSession";
 import { HowToGetThere } from "pages/About/howToGetThere";
 import OrganizingTeam from "pages/About/organizingTeam";
 import FinancialAid from "pages/FinancialAid";
+import Volunteer from "pages/About/volunteer";
 
 const Router = () => {
   return (
@@ -34,6 +35,7 @@ const Router = () => {
         <Route path="/about/health" element={<Health />} />
         <Route path="/about/place" element={<HowToGetThere />} />
         <Route path="/about/organizing-team" element={<OrganizingTeam />} />
+        <Route path="/about/volunteer" element={<Volunteer />} />
         <Route path="/poster-session" element={<PosterSession />} />
         <Route path="/fa" element={<FinancialAid />} />
         <Route path="/sponsoring/sponsor/prospectus" element={<SponsorPage />} />