Fix partner logo asset loading

src/app/page.module.css

@@ -52,6 +52,7 @@
 .openaiWordmark {
   width: min(198px, 100%);
   height: auto;
+  display: block;
 }
 
 .hfPirateLogo {
@@ -63,11 +64,13 @@
 .gpuModeLogo {
   width: min(168px, 100%);
   height: auto;
+  display: block;
 }
 
 .executorchLogo {
   width: min(72px, 100%);
   height: auto;
+  display: block;
 }
 
 .title {

src/app/signup-panel.tsx

@@ -19,6 +19,11 @@ interface StatusState {
 
 const HACKATHON_SIGNUP_URL =
   "https://huggingface.co/organizations/humanitys-last-hackathon/share/ItCCmUCGldPpHioCeqQcymUPTDXuwEepwV";
+const BRAND_ASSET_VERSION = "20260427-1";
+
+function brandAsset(path: string) {
+  return `${path}?v=${BRAND_ASSET_VERSION}`;
+}
 
 function getQueryStatus(params: URLSearchParams, session: SignupSession | null): StatusState | null {
   const error = params.get("error");
@@ -127,49 +132,51 @@ export default function SignupPanel({ session }: SignupPanelProps) {
             <div className={styles.partnerGrid}>
               <div className={styles.partnerCard}>
                 <div className={styles.partnerMarkSurface}>
-                  <Image
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
                     alt="OpenAI white wordmark"
                     className={styles.openaiWordmark}
                     height={719}
-                    priority
-                    src="/brand/openai-white-wordmark.svg"
-                    unoptimized
+                    src={brandAsset("/brand/openai-white-wordmark.svg")}
                     width={1604}
                   />
                 </div>
               </div>
               <div className={styles.partnerCard}>
                 <div className={styles.partnerMarkSurface}>
-                  <Image
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
                     alt="Hugging Face pirate logo"
                     className={styles.hfPirateLogo}
                     height={463}
-                    src="/brand/hugging-face-logo-pirate.svg"
-                    unoptimized
+                    loading="lazy"
+                    src={brandAsset("/brand/hugging-face-logo-pirate.svg")}
                     width={500}
                   />
                 </div>
               </div>
               <div className={styles.partnerCard}>
                 <div className={styles.partnerMarkSurface}>
-                  <Image
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
                     alt="GPU Mode white logo"
                     className={styles.gpuModeLogo}
                     height={1700}
-                    src="/brand/gpu-mode-white-cropped.svg"
-                    unoptimized
+                    loading="lazy"
+                    src={brandAsset("/brand/gpu-mode-white-cropped.svg")}
                     width={3141}
                   />
                 </div>
               </div>
               <div className={styles.partnerCard}>
                 <div className={styles.partnerMarkSurface}>
-                  <Image
+                  {/* eslint-disable-next-line @next/next/no-img-element */}
+                  <img
                     alt="ExecuTorch chip logo"
                     className={styles.executorchLogo}
                     height={170}
-                    src="/brand/executorch-chip-logo.svg"
-                    unoptimized
+                    loading="lazy"
+                    src={brandAsset("/brand/executorch-chip-logo.svg")}
                     width={170}
                   />
                 </div>