kunthawat/dealplustech-astroreal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(grilles): replace plastic content image with round diffuser photos

Browse Source 
- Swap grilles-plastic-content.jpg for round-grille-front + round-grille-angle
- Two round images on their own row, 211x211px, equal height
This commit is contained in:
Kunthawat Greethong
2026-09-23 19:04:22 +07:00
parent 8eb977d73b
commit a5112b7c88
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/grilles.astro
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>
@@ -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>