elmeg-demo/frontend/components/layout/footer.tsx

20 lines
1.1 KiB
TypeScript

import Link from "next/link"
export function Footer() {
return (
<footer className="border-t py-6 md:py-8 mt-12 bg-muted/30">
<div className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-4">
<div className="flex flex-col gap-1 items-center md:items-start text-center md:text-left">
<span className="font-bold">Elmeg</span>
<span className="text-sm text-muted-foreground">The community archive.</span>
<p className="text-xs text-muted-foreground mt-2">© {new Date().getFullYear()} Elmeg. All rights reserved.</p>
</div>
<div className="flex gap-6 text-sm text-muted-foreground">
<Link href="/about" className="hover:underline hover:text-foreground">About</Link>
<Link href="/terms" className="hover:underline hover:text-foreground">Terms</Link>
<Link href="/privacy" className="hover:underline hover:text-foreground">Privacy</Link>
</div>
</div>
</footer>
)
}