From a5112b7c889202b84ca88f290b99a2ee434d99a9 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@Kunthawats-MacBook-Pro.local>
Date: Wed, 23 Sep 2026 19:04:22 +0700
Subject: [PATCH] feat(grilles): replace plastic content image with round
 diffuser photos

- Swap grilles-plastic-content.jpg for round-grille-front + round-grille-angle
- Two round images on their own row, 211x211px, equal height
---
 src/pages/grilles.astro | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/grilles.astro b/src/pages/grilles.astro
index 0ac086b..69a091b 100644
--- a/src/pages/grilles.astro
+++ b/src/pages/grilles.astro
@@ -150,7 +150,10 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
 
             <div class="flex flex-wrap justify-center gap-4 my-8">
               <img src="/images/grilles/fresh-air1-content-1.jpg" alt="Fresh Air" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" />
-              <img src="/images/grilles/grilles-plastic-content.jpg" alt="กริลแอร์พลาสติก" class="max-w-md w-full h-auto rounded-lg shadow-md" width="400" height="300" loading="lazy" />
+            </div>
+            <div class="flex flex-wrap items-center justify-center gap-4 my-8 -mt-4">
+              <img src="/images/grilles/round-grille-front.jpg" alt="หน้ากากแอร์ทรงกลม (Round Diffuser) ด้านหน้า" class="h-[211px] w-[211px] flex-shrink-0 object-cover rounded-lg shadow-md" loading="lazy" decoding="async" />
+              <img src="/images/grilles/round-grille-angle.jpg" alt="หน้ากากแอร์ทรงกลม (Round Diffuser) มุมเอียง" class="h-[211px] w-[211px] flex-shrink-0 object-cover rounded-lg shadow-md" loading="lazy" decoding="async" />
             </div>
 
             <h3 class="text-xl font-bold text-primary-700 mt-8 mb-4">ประเภทของหน้ากากแอร์</h3>
@@ -188,11 +191,6 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
               <li><strong>Round Diffuser (แบบกลม):</strong> ให้ความรู้สึกที่ดูนุ่มนวลและทันสมัย เหมาะกับพื้นที่ที่ต้องการการออกแบบที่โดดเด่น</li>
             </ul>
 
-            <div class="grid grid-cols-1 gap-4 my-6 sm:grid-cols-2">
-              <img src="/images/grilles/round-grille-front.jpg" alt="หน้ากากแอร์ทรงกลม (Round Diffuser) ด้านหน้า" class="w-full rounded-xl border border-slate-100 shadow-md object-contain" loading="lazy" decoding="async" />
-              <img src="/images/grilles/round-grille-angle.jpg" alt="หน้ากากแอร์ทรงกลม (Round Diffuser) มุมเอียง" class="w-full rounded-xl border border-slate-100 shadow-md object-contain" loading="lazy" decoding="async" />
-            </div>
-
             <h4 class="text-xl font-semibold text-neutral-800 mt-6 mb-2">Linear Diffuser (หน้ากากแอร์แบบแนวยาว)</h4>
             <ul class="list-disc pl-6 space-y-2 text-lg text-neutral-700">
               <li><strong>Linear Slot Diffuser (แบบช่องยาว):</strong> มีลักษณะเป็นช่องแคบๆ ยาวๆ ให้ความสวยงามและทันสมัย นิยมใช้ในโรงแรมหรืออาคารที่เน้นดีไซน์</li>