inserita immagine Home.jpg nella pagina login

src/app/login/page.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import { AuthError } from "next-auth";
 import { redirect } from "next/navigation";
 
@@ -52,8 +53,20 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
   const hasError = params?.error === "CredentialsSignin";
 
   return (
-    <main className="flex min-h-[calc(100vh-4rem)] items-center justify-center bg-zinc-50 px-4 py-12">
-      <section className="w-full max-w-sm rounded-lg border border-zinc-200 bg-white p-6 shadow-sm">
+    <main className="flex min-h-screen items-center justify-center bg-zinc-50 px-4 py-12">
+      <section className="w-full max-w-sm overflow-hidden rounded-lg border border-zinc-200 bg-white shadow-sm">
+        <div className="relative h-40 w-full bg-zinc-100">
+          <Image
+            src="/images/Home.jpg"
+            alt="MagRicambi"
+            fill
+            priority
+            className="object-cover"
+            sizes="(max-width: 640px) 100vw, 384px"
+          />
+        </div>
+
+        <div className="p-6">
           <div className="mb-6">
           <h1 className="text-2xl font-semibold text-zinc-950">Accesso</h1>
           <p className="mt-2 text-sm text-zinc-600">
@@ -97,6 +110,7 @@ export default async function LoginPage({ searchParams }: LoginPageProps) {
               Accedi
             </button>
           </form>
+        </div>
       </section>
     </main>
   );