From 604bfafd06590d0bee2746b6a7b8f7a115a9f3dc Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 21 Jan 2026 11:36:47 -0800
Subject: [PATCH 1/2] patch: banner image height with blur bg

---
 .../developers/apps/_components/HighlightsSection.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/[locale]/developers/apps/_components/HighlightsSection.tsx b/app/[locale]/developers/apps/_components/HighlightsSection.tsx
index 81e6e8bf680..0b3f10bb308 100644
--- a/app/[locale]/developers/apps/_components/HighlightsSection.tsx
+++ b/app/[locale]/developers/apps/_components/HighlightsSection.tsx
@@ -52,13 +52,22 @@ const HighlightsSection = async ({ apps }: { apps: DeveloperApp[] }) => {
                   className="space-y-6 no-underline"
                 >
                   <div className="space-y-4">
-                    <CardBanner background="accent-a" className="h-24">
+                    <CardBanner background="accent-a" className="relative h-40">
                       <Image
                         src={app.banner_url!}
                         alt=""
                         sizes="(max-width: 23rem) 100vw, 23rem"
                         width={23 * 16}
                         height={23 * 4}
+                        className="absolute inset-0 -z-10 scale-110 blur-xl"
+                      />
+                      <Image
+                        src={app.banner_url!}
+                        alt=""
+                        sizes="(max-width: 23rem) 100vw, 23rem"
+                        width={23 * 16}
+                        height={23 * 4}
+                        className="!object-contain"
                       />
                     </CardBanner>
                     <CardParagraph variant="base" className="line-clamp-2">

From 9ada785b1eadb2f8fef34bfe98b50d88ae8cfa2e Mon Sep 17 00:00:00 2001
From: wackerow <54227730+wackerow@users.noreply.github.com>
Date: Thu, 22 Jan 2026 09:10:55 -0800
Subject: [PATCH 2/2] patch: use original cardbanner height

---
 app/[locale]/developers/apps/_components/HighlightsSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/[locale]/developers/apps/_components/HighlightsSection.tsx b/app/[locale]/developers/apps/_components/HighlightsSection.tsx
index 0b3f10bb308..9b833366211 100644
--- a/app/[locale]/developers/apps/_components/HighlightsSection.tsx
+++ b/app/[locale]/developers/apps/_components/HighlightsSection.tsx
@@ -52,7 +52,7 @@ const HighlightsSection = async ({ apps }: { apps: DeveloperApp[] }) => {
                   className="space-y-6 no-underline"
                 >
                   <div className="space-y-4">
-                    <CardBanner background="accent-a" className="relative h-40">
+                    <CardBanner background="accent-a" className="relative">
                       <Image
                         src={app.banner_url!}
                         alt=""