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

Remove animation effects from content sections, keep content intact

Browse Source 
- Removed animated background divs from FAQ and product card sections
- Kept all content (FAQ answers, product details) intact
- Animation code now only in hero sections
This commit is contained in:
Kunthawat Greethong
2026-05-22 18:43:17 +07:00
parent ec75725b31
commit e7b6b6288a
2 changed files with 142 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/pages/อุปกรณ์ปรับอากาศ.astro
View File

@@ -68,7 +68,79 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<p class="text-neutral-600 max-w-2xl mx-auto">เลือกระบบตามความต้องการใช้งาน</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<!-- แอร์ติดผนัง --><div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200"><div class="aspect-video overflow-hidden">
<!-- แอร์ติดผนัง -->
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
<div class="aspect-video overflow-hidden">
<!-- Floating Particles -->
</div>
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ติดผนัง" class="w-full h-full object-cover" loading="lazy" />
</div>
<div class="p-5">
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ติดผนัง</h3>
<div class="text-sm text-primary-600 font-medium mb-3">9,000-24,000 BTU</div>
<ul class="space-y-1">
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>เหมาะสำหรับห้องขนาดเล็ก-กลาง</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ติดตั้งง่าย</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ราคาย่อมเยา</li>
</ul>
</div>
</div>
<!-- แอร์ตั้งตู้ -->
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
<div class="aspect-video overflow-hidden">
<!-- Floating Particles -->
</div>
<img src="/images/grilles/air-grille-content.jpg" alt="แอร์ตั้งตู้" class="w-full h-full object-cover" loading="lazy" />
</div>
<div class="p-5">
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ตั้งตู้</h3>
<div class="text-sm text-primary-600 font-medium mb-3">18,000-48,000 BTU</div>
<ul class="space-y-1">
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>เหมาะสำหรับห้องขนาดใหญ่</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>กระจายความเย็นสม่ำเสมอ</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ดีไซน์กลมกลืน</li>
</ul>
</div>
</div>
<!-- แอร์ฝังเพดาน -->
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
<div class="aspect-video overflow-hidden">
<!-- Floating Particles -->
</div>
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ฝังเพดาน" class="w-full h-full object-cover" loading="lazy" />
</div>
<div class="p-5">
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ฝังเพดาน</h3>
<div class="text-sm text-primary-600 font-medium mb-3">24,000-60,000 BTU</div>
<ul class="space-y-1">
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ซ่อนเครื่องในเพดาน</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>เหมาะสำหรับออฟฟิศ</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ควบคุมอุณหภูมิเป็นโซน</li>
</ul>
</div>
</div>
<!-- ระบบ VRF -->
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
<div class="aspect-video overflow-hidden">
<!-- Floating Particles -->
</div>
<img src="/images/grilles/linear-slot-content.jpg" alt="ระบบ VRF" class="w-full h-full object-cover" loading="lazy" />
</div>
<div class="p-5">
<h3 class="text-lg font-bold text-neutral-900 mb-2">ระบบ VRF</h3>
<div class="text-sm text-primary-600 font-medium mb-3">3-16 แรงม้า</div>
<ul class="space-y-1">
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ควบคุมหลายห้องพร้อมกัน</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>ประหยัดพลังงาน</li>
<li class="flex items-center text-sm text-neutral-600"><span class="text-primary-600 mr-2">✓</span>เหมาะสำหรับอาคารขนาดใหญ่</li>
</ul>
</div>
</div>
</div>
</div>
</section>