diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 0a590d2..b4081ab 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,25 +1,38 @@
 import Link from "next/link";
 import { Github, Twitter } from "lucide-react";
 import { Button } from "@/components/ui/button";
+import { changelogData } from "@/lib/changelog-data";
 
 export function Footer() {
+  const latestVersion = changelogData[0]?.version;
+
   return (
     <footer className="w-full border-t bg-background">
       <div className="container mx-auto flex h-16 items-center justify-between px-4 md:px-6">
         <p className="text-sm text-muted-foreground">
           © {new Date().getFullYear()} Image Web Exporter
         </p>
-        <div className="flex items-center gap-1">
-          <Button variant="ghost" size="icon" asChild>
-            <Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
-              <Github className="h-4 w-4" />
+        <div className="flex items-center gap-4">
+          {latestVersion && (
+            <Link
+              href="/changelog"
+              className="text-sm text-muted-foreground hover:text-primary transition-colors"
+            >
+              v{latestVersion}
             </Link>
-          </Button>
-          <Button variant="ghost" size="icon" asChild>
-            <Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
-              <Twitter className="h-4 w-4" />
-            </Link>
-          </Button>
+          )}
+          <div className="flex items-center gap-1">
+            <Button variant="ghost" size="icon" asChild>
+              <Link href="https://github.com/" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
+                <Github className="h-4 w-4" />
+              </Link>
+            </Button>
+            <Button variant="ghost" size="icon" asChild>
+              <Link href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Twitter">
+                <Twitter className="h-4 w-4" />
+              </Link>
+            </Button>
+          </div>
         </div>
       </div>
     </footer>