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

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

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