[dyad] Added centered message to footer - wrote 1 file(s)

src/components/footer.tsx

@@ -1,13 +1,14 @@
 import Link from "next/link";
 import { changelogData } from "@/lib/changelog-data";
 import { ThemeToggle } from "./theme-toggle";
+import { Heart } from "lucide-react";
 
 export function Footer() {
   const latestVersion = changelogData[0]?.version;
 
   return (
     <footer className="w-full border-t bg-background">
-      <div className="mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-4 md:px-6">
+      <div className="relative mx-auto flex h-16 w-full max-w-6xl items-center justify-between px-4 md:px-6">
         <div className="flex items-center gap-4 text-sm text-muted-foreground">
           {latestVersion && (
             <Link
@@ -19,6 +20,10 @@ export function Footer() {
           )}
         </div>
 
+        <div className="absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 items-center gap-1.5 text-sm text-muted-foreground sm:flex">
+          Made with Love <Heart className="h-4 w-4 fill-red-500 text-red-500" /> and AI
+        </div>
+
         <div className="flex items-center gap-1">
           <ThemeToggle />
         </div>