Almost done
This commit is contained in:
@@ -0,0 +1,18 @@
|
||||
// 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user