From aac955bec91b7559a337ab64441fe8c9a959960f Mon Sep 17 00:00:00 2001
From: Lawrence Chen <54008264+lawrencecchen@users.noreply.github.com>
Date: Tue, 10 Feb 2026 00:56:31 -0800
Subject: [PATCH] Use plain img tags for icon to fix blurriness

Replace next/image with native <img> for the app icon. The 256x256
source renders crisply at 24px/48px without Next.js image processing.
---
 web/app/components/site-header.tsx | 4 +---
 web/app/page.tsx                   | 5 +----
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/web/app/components/site-header.tsx b/web/app/components/site-header.tsx
index 7bd6c80e..d5cf4386 100644
--- a/web/app/components/site-header.tsx
+++ b/web/app/components/site-header.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import Image from "next/image";
 import Link from "next/link";
 import { NavLinks } from "./nav-links";
 import { DownloadButton } from "./download-button";
@@ -28,13 +27,12 @@ export function SiteHeader({
             {!hideLogo && (
               <>
                 <Link href="/" className="flex items-center gap-2.5">
-                  <Image
+                  <img
                     src="/icon.png"
                     alt="cmux"
                     width={24}
                     height={24}
                     className="rounded-md"
-                    unoptimized
                   />
                   <span className="text-sm font-semibold tracking-tight">
                     cmux
diff --git a/web/app/page.tsx b/web/app/page.tsx
index e8887f9f..14cd1a29 100644
--- a/web/app/page.tsx
+++ b/web/app/page.tsx
@@ -1,4 +1,3 @@
-import Image from "next/image";
 import Balancer from "react-wrap-balancer";
 import { TypingTagline } from "./typing";
 import { DownloadButton } from "./components/download-button";
@@ -12,14 +11,12 @@ export default function Home() {
       <main className="w-full max-w-2xl mx-auto px-6 py-16 sm:py-24">
         {/* Header */}
         <div className="flex items-center gap-4 mb-10" data-dev="header">
-          <Image
+          <img
             src="/icon.png"
             alt="cmux icon"
             width={48}
             height={48}
             className="rounded-xl"
-            unoptimized
-            priority
           />
           <h1 className="text-2xl font-semibold tracking-tight">cmux</h1>
         </div>