[Warning] Dev/add マージ禁止 (#68)

src/app/sitemap.tsx

@@ -28,5 +28,9 @@ export default function sitemap(): MetadataRoute.Sitemap {
       url: "https://gakuseibot.pkopko.jp/tos",
       priority: 1,
     },
+    {
+      url: "https://gakuseibot.pkopko.jp/sponsor",
+      priority: 1,
+    },
   ];
 }

src/app/sponsor/page.tsx

@@ -0,0 +1,38 @@
+import { NextPage } from "next";
+import React from "react";
+import { Metadata } from "next";
+import ReactMarkdown from "react-markdown";
+
+export const metadata: Metadata = {
+  title: "スポンサー",
+  description: "当プロジェクトを支援してくださるスポンサーのご紹介",
+};
+
+const sponsorDescription = `
+当プロジェクトを支援してくださるスポンサーの皆様に心より感謝申し上げます。
+
+## 現在のスポンサー
+- 高専キャリア様(VPS提供元)  
+高専キャリア様は、高専生のサポートを行ったりOB/OGとのコミュニティを運営している団体です。  
+高専生に向けたイベントやコンテスト、講座を実施しています。  
+このBOTは、高専キャリア様の活動の一つでさくらインターネット様と提供している「みらいサーバー(VPS)」を使用しています。
+
+`;
+
+const SponsorsPage: NextPage = () => {
+  return (
+    <main className="flex min-h-screen flex-col items-center bg-white text-black space-y-4">
+      <section
+        id="sponsors"
+        className="flex flex-col items-center justify-center flex-1 w-full space-y-6 px-3 text-center"
+      >
+        <h1 className="text-3xl md:text-4xl font-bold">スポンサー</h1>
+        <div className="w-full max-w-2xl text-left">
+          <ReactMarkdown className="text-base md:text-lg space-y-4">{sponsorDescription}</ReactMarkdown>
+        </div>
+      </section>
+    </main>
+  );
+};
+
+export default SponsorsPage;

src/components/header.tsx

@@ -28,6 +28,10 @@ const Header = () => {
       label: "お問い合わせ",
       link: "/contact",
     },
+    {
+      label: "スポンサー",
+      link: "/sponsor",
+    },
   ];
   return (
     <header className="flex flex-col justify-center items-center bg-[url('/img/header.webp')] bg-center bg-cover text-white w-full text-black">