1
import { Heart } from "lucide-react";
2
 
3
const footerLinkClass =
4
  "text-xs text-zinc-500 underline decoration-zinc-700 underline-offset-2 transition-colors hover:text-accent-400";
5
 
6
export function Footer() {
7
  return (
8
    <footer className="shrink-0 border-t border-zinc-800/60">
9
      <div className="mx-auto flex max-w-7xl flex-col items-center gap-2 px-4 py-3 text-center sm:flex-row sm:items-center sm:justify-between sm:gap-4 sm:px-6 sm:py-2 sm:text-left">
10
        <a
11
          href="https://limic.dev"
12
          target="_blank"
13
          rel="noopener noreferrer"
14
          className={`m-0 flex items-center gap-1 ${footerLinkClass}`}
15
        >
16
          Made with
17
          <Heart className="inline h-3 w-3 text-accent-500" fill="currentColor" strokeWidth={0} aria-hidden="true" />
18
          on Cloudflare
19
        </a>
20
        <a
21
          href="https://git.limic.dev/rachel/dab"
22
          target="_blank"
23
          rel="noopener noreferrer"
24
          className={footerLinkClass}
25
        >
26
          Source code
27
        </a>
28
      </div>
29
    </footer>
30
  );
31
}