[dyad] Adding multi-language support - wrote 15 file(s), deleted 5 file(s), added next-intl package(s)

src/app/[locale]/page.tsx

@@ -0,0 +1,21 @@
+import { ImageConverter } from "@/components/image-converter";
+import { useTranslations } from "next-intl";
+
+export default function Home() {
+  const t = useTranslations("HomePage");
+  return (
+    <div className="relative flex flex-col items-center justify-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
+      <main className="flex flex-col items-center w-full max-w-6xl z-10">
+        <div className="text-center mb-8">
+          <h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
+            {t("title")}
+          </h1>
+          <p className="mt-3 text-lg text-gray-600 dark:text-gray-400">
+            {t("description")}
+          </p>
+        </div>
+        <ImageConverter />
+      </main>
+    </div>
+  );
+}