48 lines
1.5 KiB
TypeScript
48 lines
1.5 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>
|
|
)
|
|
}
|