2 Commits

Author SHA1 Message Date
Kunthawat Greethong
a5112b7c88 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
2026-09-23 19:04:22 +07:00
Kunthawat Greethong
8eb977d73b feat(grilles): add round diffuser images to product page 2026-09-23 18:49:05 +07:00
3 changed files with 4 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View File

@@ -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>