// app/components/Header.tsx
import Link from 'next/link';

export default function Header() {
    return (
        <header className="bg-black flex justify-center sticky top-0 z-40 shadow-lg">
            <div className="w-85 mx-auto text-center">
                <Link href="/" className="inline-block group">
                    <img
                        src="/images/logo.svg"
                        alt="Lerbergets Volleybollsällskap"
                        className="max-h-32 min-h-16 my-4 md:max-h-52 md:min-h-24 md:my-6 mx-auto block transition-all duration-500 ease-out group-hover:scale-105 group-active:scale-95"
                    />
                </Link>
            </div>
        </header>
    );
}