[dyad] Added a site-wide footer - wrote 2 file(s)

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "@/components/ui/sonner";
+import { Footer } from "@/components/footer";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -36,6 +37,7 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           {children}
+          <Footer />
           <Toaster />
         </ThemeProvider>
       </body>

src/components/footer.tsx

@@ -0,0 +1,27 @@
+import Link from "next/link";
+import { Github, Twitter } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export function Footer() {
+  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" />
+            </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>
+    </footer>
+  );
+}