Auto-save: Changed 47 lines in src/app/tool/art/monochrome-merge/layout.tsx src/app/tool/art/monochrome-merge/page.tsx src/app/tool/art/page.tsx src/app/tool/components/explains.tsx src/app/tool/page.tsx on 2025-07-13 21:00:47

Author: The-Infinitys

src/app/tool/art/monochrome-merge/layout.tsx

@@ -1,14 +1,9 @@
 import { Metadata } from "next";
-import { getTranslations } from "next-intl/server";
 
-export async function generateMetadata(): Promise<Metadata> {
-  const t = await getTranslations("pages.tool.art.monochrome-merge");
-
-  return {
-    title: t("title"),
-    description: t("description"),
-  };
-}
+export const metadata: Metadata = {
+  title: "Monochrome Merge",
+  description: "Merge a light and dark image into a single monochrome image.",
+};
 
 export default function MonochromeMergeLayout({
   children,

src/app/tool/art/monochrome-merge/page.tsx

@@ -1,15 +1,11 @@
-"use client";
-
-import { useTranslations } from "next-intl";
 import MonochromeMergeClient from "./client";
 
 export default function MonochromeMergePage() {
-  const t = useTranslations("pages.tool.art.monochrome-merge");
   return (
     <>
       <section className="title">
-        <h1>{t("title")}</h1>
-        <p>{t("description")}</p>
+        <h1>Monochrome Merge</h1>
+        <p>Merge a light and dark image into a single monochrome image.</p>
       </section>
       <section className="monochrome-merge-tool-section">
         <MonochromeMergeClient />

src/app/tool/art/page.tsx

@@ -1,22 +1,20 @@
 import "../page.css";
 import Explains from "../components/explains";
-import { useTranslations } from "next-intl";
 import Link from "next/link";
 export default function ArtToolPage() {
-  const t = useTranslations("pages.tool.art");
   return (
     <>
       <Explains />
       <section className="tool-list-section">
-        <h1>{t("title")}</h1>
+        <h1>Art Tools</h1>
         <div className="tool-categories">
           <Link
             href="/tool/art/monochrome-merge"
             className="tool-category-card"
           >
             <div className="tool-category-info">
-              <h2>{t("monochrome-merge.title")}</h2>
-              <p>{t("monochrome-merge.description")}</p>
+              <h2>Monochrome Merge</h2>
+              <p>Merge a light and dark image into a single monochrome image.</p>
             </div>
           </Link>
         </div>

src/app/tool/components/explains.tsx

@@ -1,16 +1,12 @@
-"use client";
-import { useTranslations } from "next-intl";
-
 export default function Explains() {
-  const t = useTranslations("pages.tool"); // Assuming a 'pages.tool' translation key
   return (
     <>
       <section className="title">
-        <h1>{t("title")}</h1>
+        <h1>The Infinity's Tools</h1>
       </section>
       <section className="description">
-        <p>{t("description.msg1")}</p>
-        <p>{t("description.msg2")}</p>
+        <p>Useful tools for everyone!</p>
+        <p>More tools will be added in the future.</p>
       </section>
     </>
   );

src/app/tool/page.tsx

@@ -1,19 +1,17 @@
 import "./page.css";
 import Explains from "./components/explains";
-import { useTranslations } from "next-intl";
 import Link from "next/link";
 export default function ToolPage() {
-  const t = useTranslations("pages.tool");
   return (
     <>
       <Explains />
       <section className="tool-categories-section">
-        <h1>{t("toolCategories")}</h1>
+        <h1>Tool Categories</h1>
         <div className="tool-categories">
           <Link href="/tool/art" className="tool-category-card">
             <div className="tool-category-info">
-              <h2>{t("art.title")}</h2>
-              <p>{t("art.description")}</p>
+              <h2>Art</h2>
+              <p>Tools for creating or editing images.</p>
             </div>
           </Link>
         </div>