Files
website/app/components/Footer.tsx
T
2026-03-05 17:35:27 +01:00

15 lines
809 B
TypeScript

// app/components/Footer.tsx
export default function Footer() {
return (
<footer className="bg-black text-center py-4 border-t border-white/10">
<div className="group inline-block cursor-default">
<p className="font-bold text-gray-400 transition-colors duration-300 group-hover:text-white">
LVS - Lerbergets Volleybollsällskap {new Date().getFullYear()}
<span className="inline-block ml-1 transition-transform duration-500 group-hover:rotate-360">®</span>
</p>
{/* En subtil linje som växer fram under footern när man hovrar */}
<div className="h-0.5 w-0 bg-[#f1c50e] mx-auto transition-all duration-500 group-hover:w-full mt-1" />
</div>
</footer>
);
}