18 lines
723 B
TypeScript
18 lines
723 B
TypeScript
// 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>
|
|
);
|
|
} |