// 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>
    );
}