spb/websensor

1import Link from "next/link";23export function Footer() {4  return (5    <footer className="mt-10 border-t border-line pb-20 lg:pb-6">6      <div className="mx-auto flex max-w-[1600px] flex-col gap-3 px-3 py-4 text-[12px] text-fg-subtle sm:px-4">7        <div className="flex flex-wrap items-center justify-between gap-3">8          <div>9            <span className="font-semibold text-fg-muted">WebSensor</span> — Detect What Changed. Know Why It Matters.10          </div>11          <nav className="flex flex-wrap gap-3" aria-label="Footer">12            <Link href="/api" className="hover:text-fg">API</Link>13            <Link href="/health" className="hover:text-fg">Health</Link>14            <Link href="/bot" className="hover:text-fg">Bot</Link>15            <a href="/api/v1/feed.rss" className="hover:text-fg">RSS</a>16            <Link href="/explore" className="hover:text-fg">Explore</Link>17            <Link href="/country" className="hover:text-fg">Countries</Link>18          </nav>19          <div className="font-mono text-[11px]">All timestamps UTC</div>20        </div>21        <div className="flex flex-wrap items-center justify-between gap-x-4 gap-y-1 border-t border-line pt-3 text-[11.5px]">22          <div>23            Built by <span className="text-fg-muted">Simon-Pierre Boucher</span> · <a href="mailto:contact@spboucher.ai" className="text-info hover:underline">contact@spboucher.ai</a>24          </div>25          <div>26            Hosted on <a href="https://www.maclustr.io" target="_blank" rel="noopener noreferrer" className="text-info hover:underline">MacLustr</a>, an Apple-silicon compute cluster in Québec27          </div>28          <div className="font-mono text-[10.5px]">© {new Date().getUTCFullYear()} WebSensor</div>29        </div>30      </div>31    </footer>32  );33}34