バグ修正など。

Author: The-Infinitys

package-lock.json

@@ -9,7 +9,7 @@ export const metadata: Metadata = {
   description: "Much! A lot of! Ideas!",
 };
 
-export default function Home() {
+export default function Article() {
   return (
     <>
       <Explains />

public/sitemap-0.xml

@@ -0,0 +1,17 @@
+"use client";
+import { useTranslations } from "next-intl";
+
+export default function Explains() {
+  const t = useTranslations("pages.game");
+  return (
+    <>
+      <section className="title">
+        <h1>{t("title")}</h1>
+      </section>
+      <section className="description">
+        <p>{t("description.msg1")}</p>
+        <p>{t("description.msg2")}</p>
+      </section>
+    </>
+  );
+}

public/sitemap.xml

@@ -1,8 +1,16 @@
-export default function GamesPage() {
+import "./page.css";
+import Explains from "./components/explains";
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "The Infinity's Games",
+  description: "Enjoy! with yourself!",
+};
+
+export default function GamePages() {
   return (
-    <div>
-      <h1>Games</h1>
-      <p>Coming soon!</p>
-    </div>
+    <>
+      <Explains />
+    </>
   );
 }

src/app/article/page.tsx

@@ -55,7 +55,6 @@ export default function Header() {
       <div
         className="flex items-center justify-start"
       >
-        {/* <Image src={TheInfiniteImage} alt="" width={30} height={30} /> */}
         <h1
           className={`${chakraPetch.className} italic font-semibold text-4xl`} // text-4xlに変更
         >
@@ -127,7 +126,6 @@ export default function Header() {
                 className={`${chakraPetch.className} block py-2 md:py-0 hover:text-[var(--foreground)] italic`}
                 aria-label={menu.label}
               >
-                {/* {menu.img && menu.img} */}
                 {menu.name}
               </Link>
             </li>

src/app/games/components/explains.tsx

@@ -36,6 +36,13 @@
         }
       }
     },
+    "game": {
+      "title": "Games",
+      "description": {
+        "msg1": "ここでは、私が作ったゲームを遊ぶことができます！",
+        "msg2": "自由に遊んでください！"
+      }
+    },
     "music": {
       "description": {
         "msg1": "ここでは、私が制作した様々な音楽を聴くことができます！",