[dyad] Added a changelog page - wrote 3 file(s)

src/app/changelog/page.tsx

@@ -0,0 +1,22 @@
+import { Changelog } from "@/components/changelog";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+
+export default function ChangelogPage() {
+  return (
+    <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
+      <div className="w-full max-w-4xl mx-auto">
+        <Button asChild variant="ghost" className="mb-4 -ml-4">
+          <Link href="/">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Back to Converter
+          </Link>
+        </Button>
+      </div>
+      <main className="w-full">
+        <Changelog />
+      </main>
+    </div>
+  );
+}