portfolio/src/components/Footer.tsx

39 lines
1.2 KiB
TypeScript

"use client";
import Link from "next/link";
import AnalyticsWidget from "./AnalyticsWidget";
export default function Footer() {
return (
<footer className="w-full bg-slate-950/50 text-xs text-slate-500 px-4 py-4 border-t border-slate-900/40">
<div className="max-w-5xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
{/* Left: Copyright */}
<p className="order-1 md:order-1">
© {new Date().getFullYear()} André Kempf. All rights reserved.
</p>
{/* Center: Analytics */}
<div className="order-3 md:order-2 opacity-70 hover:opacity-100 transition-opacity">
<AnalyticsWidget />
</div>
{/* Right: Links */}
<div className="flex gap-4 order-2 md:order-3">
<Link
href="/imprint"
className="hover:text-slate-300 transition-colors"
>
Legal Notice
</Link>
<span className="text-slate-800">|</span>
<Link
href="/privacy"
className="hover:text-slate-300 transition-colors"
>
Privacy Policy
</Link>
</div>
</div>
</footer>
);
}