Remove animation effects from content sections, keep content intact
- 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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user