From ef1f3163eb76b73768cf7a36311c7522bb4007c0 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Thu, 28 May 2026 18:38:26 +0800
Subject: [PATCH] fix: use 16:9 home banner aspect

---
 src/components/FigmaBanner.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/FigmaBanner.tsx b/src/components/FigmaBanner.tsx
index 35d03a4..f5d7072 100644
--- a/src/components/FigmaBanner.tsx
+++ b/src/components/FigmaBanner.tsx
@@ -239,14 +239,14 @@ export function FigmaBanner() {
       >
         {slides.map((slide, index) => {
           const image = (
-            <picture className="block w-full overflow-hidden bg-black md:rounded-xl">
+            <picture className="block aspect-video w-full overflow-hidden bg-black md:rounded-xl">
               <source media="(max-width: 767px)" srcSet={slide.mobile} />
               <img
                 src={slide.desktop}
                 alt={slide.alt}
-                className="pointer-events-none h-[219px] w-full object-cover md:h-auto"
+                className="pointer-events-none h-full w-full object-cover"
                 width={1280}
-                height={290}
+                height={720}
                 loading={index === 0 ? "eager" : "lazy"}
                 decoding="async"
                 draggable={false}