[dyad] Moved changelog link to top-left - wrote 3 file(s)

src/app/page.tsx

@@ -1,9 +1,22 @@
 import { ImageConverter } from "@/components/image-converter";
+import { changelogData } from "@/lib/changelog-data";
 import Link from "next/link";
 
 export default function Home() {
+  const latestVersion = changelogData[0]?.version;
+
   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)]">
+      {latestVersion && (
+        <header className="absolute top-4 left-4 sm:top-8 sm:left-8 z-20">
+          <Link
+            href="/changelog"
+            className="text-sm text-muted-foreground hover:text-primary transition-colors"
+          >
+            v{latestVersion}
+          </Link>
+        </header>
+      )}
       <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">
@@ -15,11 +28,6 @@ export default function Home() {
         </div>
         <ImageConverter />
       </main>
-      <footer className="w-full max-w-6xl z-10 mt-8 py-4 text-center text-sm text-muted-foreground">
-        <Link href="/changelog" className="hover:text-primary transition-colors">
-          Changelog
-        </Link>
-      </footer>
     </div>
   );
 }