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

src/pages/ระบบรั้วไวน์แมน.astro

@@ -454,7 +454,75 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
         <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl font-bold text-neutral-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบรั้วไวน์แมน</h2>
 
-          <div class="space-y-4"><div class="border border-neutral-200 rounded-xl overflow-hidden">
+          <div class="space-y-4">
+            <div class="border border-neutral-200 rounded-xl overflow-hidden">
+<!-- Floating Particles -->
+</div>
+    
+              <details class="group">
+                <summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
+                  <span class="font-medium text-neutral-900">ระบบรั้วไวน์แมนมีอายุการใช้งานนานเท่าไหร่?</span>
+                  <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </summary>
+                <div class="p-4 text-neutral-600 bg-white">
+                  ระบบรั้วไวน์แมนมีอายุการใช้งานมากกว่า 50 ปี ขึ้นอยู่กับการชุบสังกะสีตามมาตรฐาน ASTM Class 3 ซึ่งผ่านการทดสอบ Salt Spray Test มากกว่า 3,000 ชั่วโมง สามารถทนทานต่อสภาวะกัดกร่อนในประเทศไทยที่มีความชื้นสูงได้เป็นอย่างดี
+                </div>
+              </details>
+            </div>
+
+            <div class="border border-neutral-200 rounded-xl overflow-hidden">
+<!-- Floating Particles -->
+</div>
+    
+              <details class="group">
+                <summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
+                  <span class="font-medium text-neutral-900">ระยะห่างของเสาควรเท่าไหร่?</span>
+                  <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </summary>
+                <div class="p-4 text-neutral-600 bg-white">
+                  ระยะห่างขึ้นอยู่กับประเภทเสาที่ใช้: เสาไวน์แมนแนะนำ 5-8 เมตร, เสาปูนหรือเสาไม้เนื้อแข็งแนะนำ 4-6 เมตร สำหรับพื้นที่ที่มีความเรียบ เส้นตรง ส่วนพื้นที่ที่มีความเป็นเนินหรือมีแนวโค้ง ควรลดระยะห่างลงและเพิ่มเสารับแรงเพื่อความแข็งแรงของระบบรั้ว
+                </div>
+              </details>
+            </div>
+
+            <div class="border border-neutral-200 rounded-xl overflow-hidden">
+<!-- Floating Particles -->
+</div>
+    
+              <details class="group">
+                <summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
+                  <span class="font-medium text-neutral-900">ติดตั้งระบบรั้วไวน์แมนยากหรือไม่?</span>
+                  <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </summary>
+                <div class="p-4 text-neutral-600 bg-white">
+                  การติดตั้งระบบรั้วไวน์แมนค่อนข้างง่ายและรวดเร็ว สามารถทำได้โดยตอกเสาลงพื้นดินหรือเทปูนรากเล็กน้อย จากนั้นขึงตาข่ายและยึดด้วยตัวยึดพิเศษ สำหรับพื้นที่ขนาดใหญ่สามารถติดตั้งได้ 100-200 เมตร/วัน ขึ้นอยู่กับสภาพพื้นที่และจำนวนช่าง
+                </div>
+              </details>
+            </div>
+
+            <div class="border border-neutral-200 rounded-xl overflow-hidden">
+<!-- Floating Particles -->
+</div>
+    
+              <details class="group">
+                <summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
+                  <span class="font-medium text-neutral-900">ควรเลือกตาข่ายถักปมหรือตาข่ายฟิคซ์ล็อค?</span>
+                  <svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+                  </svg>
+                </summary>
+                <div class="p-4 text-neutral-600 bg-white">
+                  ตาข่ายถักปมเหมาะสำหรับการใช้งานทั่วไป เช่น ล้อมสวน โรงงาน สถานที่สาธารณะ ส่วนตาข่ายฟิคซ์ล็อคเหมาะสำหรับฟาร์มปศุสัตว์ที่ต้องการความแข็งแรงสูง เช่น ฟาร์มแพะ แกะ กวาง จิงโจ้ นกกระจอกเทศ เนื่องจากมีตัวล็อคพิเศษช่วยเพิ่มความทนทานต่อแรงกระแทกจากสัตว์
+                </div>
+              </details>
+            </div>
+          </div>
         </div>
       </div>
     </section>

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

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