1
import { Heart } from "lucide-react";
2
 
3
export function Footer() {
4
  return (
5
    <footer className="shrink-0 border-t border-zinc-200 dark:border-zinc-800/60">
6
      <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-0 sm:px-6 sm:py-2 sm:text-left">
7
        <a
8
          href="https://limic.dev"
9
          target="_blank"
10
          rel="noopener noreferrer"
11
          className="m-0 flex items-center gap-1 text-xs text-zinc-500 underline decoration-zinc-300 underline-offset-2 transition-colors hover:text-accent-600 dark:decoration-zinc-700 dark:hover:text-accent-400"
12
        >
13
          Made with
14
          <Heart className="inline h-3 w-3 text-accent-500" aria-hidden="true" />
15
          on Cloudflare
16
        </a>
17
        <a
18
          href="https://git.limic.dev/rachel/git-on-cloudflare"
19
          target="_blank"
20
          rel="noopener noreferrer"
21
          className="text-xs text-zinc-500 underline decoration-zinc-300 underline-offset-2 transition-colors hover:text-accent-600 dark:decoration-zinc-700 dark:hover:text-accent-400"
22
        >
23
          Source code
24
        </a>
25
      </div>
26
    </footer>
27
  );
28
}