From 5406d24c1fcf3f71f05178cd94deaeb86cf4d60e Mon Sep 17 00:00:00 2001
From: lorentz <lorentz@wulfconsulting.com>
Date: Mon, 13 Apr 2026 02:45:58 +0000
Subject: [PATCH] Signin: use plain img tags for logos to fix rendering, white
 logo on green panel

---
 ondeck/src/app/auth/signin/page.tsx | 30 ++++++-----------------------
 1 file changed, 6 insertions(+), 24 deletions(-)

diff --git a/ondeck/src/app/auth/signin/page.tsx b/ondeck/src/app/auth/signin/page.tsx
index 8a9ad6d..bfa13dc 100644
--- a/ondeck/src/app/auth/signin/page.tsx
+++ b/ondeck/src/app/auth/signin/page.tsx
@@ -1,5 +1,4 @@
 import { SignInForm } from '@/components/auth/signin-form'
-import Image from 'next/image'
 
 export default function SignInPage() {
   return (
@@ -8,13 +7,8 @@ export default function SignInPage() {
       <div className="hidden lg:flex lg:w-1/2 flex-col justify-between p-12"
            style={{ background: 'linear-gradient(160deg, #0F513F 0%, #15745a 60%, #1FA883 100%)' }}>
         <div>
-          <Image
-            src="/seubert-logo-color.png"
-            alt="Seubert"
-            width={220}
-            height={68}
-            priority
-          />
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img src="/seubert-logo.png" alt="Seubert" width={220} />
         </div>
         <div>
           <h2 className="text-4xl font-bold text-white leading-tight">
@@ -34,22 +28,10 @@ export default function SignInPage() {
         <div className="w-full max-w-sm">
           {/* Logo — road icon on desktop, color logo on mobile */}
           <div className="flex justify-center mb-8 lg:mb-10">
-            <Image
-              src="/seub-road-green.png"
-              alt="Seubert"
-              width={80}
-              height={80}
-              priority
-              className="hidden lg:block"
-            />
-            <Image
-              src="/seubert-logo-color.png"
-              alt="Seubert"
-              width={220}
-              height={68}
-              priority
-              className="lg:hidden"
-            />
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img src="/seub-road-green.png" alt="Seubert" width={80} className="hidden lg:block" />
+            {/* eslint-disable-next-line @next/next/no-img-element */}
+            <img src="/seubert-logo-color.png" alt="Seubert" width={220} className="lg:hidden" />
           </div>
 
           <div className="mb-8 text-center">