[dyad] Fixing dynamic page titles - wrote 5 file(s)

src/components/home-page.tsx

@@ -2,10 +2,15 @@
 
 import { ImageConverter } from "@/components/image-converter";
 import { useTranslation } from "@/context/i18n-context";
+import { useEffect } from "react";
 
 export function HomePage() {
   const { t } = useTranslation();
 
+  useEffect(() => {
+    document.title = t('appTitle');
+  }, [t]);
+
   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">