57 lines
1.6 KiB
TypeScript

"use client";
import { ChevronUp } from "lucide-react";
import { Button } from "@/components/ui/button";
export function Footer() {
const scrollToTop = () => {
window.scrollTo({ top: 0, behavior: "smooth" });
};
return (
<footer className="bg-background border-t border-border">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div className="flex flex-col md:flex-row items-center justify-between space-y-4 md:space-y-0">
{}
<div className="text-muted-foreground text-sm">
© 2025 MEDI Connect
</div>
{}
<nav className="flex items-center space-x-8">
<a
href="#"
className="text-muted-foreground hover:text-primary transition-colors text-sm"
>
Termos
</a>
<a
href="#"
className="text-muted-foreground hover:text-primary transition-colors text-sm"
>
Privacidade (LGPD)
</a>
<a
href="#"
className="text-muted-foreground hover:text-primary transition-colors text-sm"
>
Ajuda
</a>
</nav>
{}
<Button
variant="outline"
size="sm"
onClick={scrollToTop}
className="rounded-full w-10 h-10 p-0 border-primary text-primary hover:bg-primary hover:text-primary-foreground bg-transparent"
aria-label="Voltar ao topo"
>
<ChevronUp className="w-4 h-4" />
</Button>
</div>
</div>
</footer>
);
}