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

src/components/changelog.tsx

@@ -4,16 +4,18 @@ import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 import { changelogData } from "@/lib/changelog-data";
+import { useTranslations } from "next-intl";
 
 export function Changelog() {
+  const t = useTranslations("ChangelogPage");
   return (
     <div className="w-full max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
       <div className="text-center mb-12">
         <h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
-          Changelog
+          {t("title")}
         </h1>
         <p className="mt-3 text-lg text-gray-600 dark:text-gray-400">
-          Tracking all the new features, improvements, and bug fixes.
+          {t("description")}
         </p>
       </div>
       <div className="space-y-8">