Updated so that the rules and class text can be updated through the admin page

2026-04-19 13:28:13 +02:00
parent 16f5c3f22b
commit 0d4d447569
11 changed files with 103 additions and 39 deletions
@@ -1,15 +1,18 @@
 // app/components/Header.tsx
 import Link from 'next/link';
+import Image from 'next/image';
+import logo from '../../public/images/logo.svg';

 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">
+            <div className="w-fit mx-auto text-center">
                <Link href="/" className="inline-block group">
-                    <img
-                        src="/images/logo.svg"
+                    <Image
+                        src={logo}
+                        loading="eager"
                        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"
+                        className="max-h-24 min-h-16 my-4 md:max-h-32 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>