29 lines
1.1 KiB
TypeScript
29 lines
1.1 KiB
TypeScript
/**
|
|
* SiteFooter — a single slim row carrying the feedback link. Mounted in
|
|
* both (app) and (legal) layouts so the affordance follows the user
|
|
* everywhere on the site without taking up perceptible vertical space.
|
|
*
|
|
* No wordmark, no about / privacy / terms links, no dedication line —
|
|
* those live in settings and the legal pages themselves. This footer
|
|
* exists solely to keep "send us feedback" one tap away from anywhere.
|
|
*/
|
|
|
|
import Link from "next/link";
|
|
import { MessageSquare } from "lucide-react";
|
|
|
|
export function SiteFooter() {
|
|
return (
|
|
<footer className="mt-auto border-t border-border bg-secondary text-secondary-foreground">
|
|
<div className="max-w-5xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-center">
|
|
<Link
|
|
href="/feedback"
|
|
className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground underline-offset-4 hover:underline transition-colors"
|
|
>
|
|
<MessageSquare className="size-3.5" />
|
|
Send feedback
|
|
</Link>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|