Fix layout after removing animation code - clean structure
This commit is contained in:
@@ -456,10 +456,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
|
|||||||
|
|
||||||
<div class="space-y-4">
|
<div class="space-y-4">
|
||||||
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<details class="group">
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="group">
|
|
||||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
|
<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>
|
<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">
|
<svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
@@ -473,10 +470,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<details class="group">
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="group">
|
|
||||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
|
<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>
|
<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">
|
<svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
@@ -490,10 +484,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<details class="group">
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="group">
|
|
||||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
|
<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>
|
<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">
|
<svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
@@ -507,10 +498,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
<div class="border border-neutral-200 rounded-xl overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<details class="group">
|
||||||
</div>
|
|
||||||
|
|
||||||
<details class="group">
|
|
||||||
<summary class="flex items-center justify-between p-4 cursor-pointer bg-neutral-50 hover:bg-neutral-100 transition-colors">
|
<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>
|
<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">
|
<svg class="w-5 h-5 text-neutral-500 group-open:rotate-180 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
|||||||
@@ -71,10 +71,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
<!-- แอร์ติดผนัง -->
|
<!-- แอร์ติดผนัง -->
|
||||||
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
|
<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="aspect-video overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ติดผนัง" class="w-full h-full object-cover" loading="lazy" />
|
||||||
</div>
|
|
||||||
|
|
||||||
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ติดผนัง" class="w-full h-full object-cover" loading="lazy" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="p-5">
|
<div class="p-5">
|
||||||
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ติดผนัง</h3>
|
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ติดผนัง</h3>
|
||||||
@@ -89,10 +86,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
<!-- แอร์ตั้งตู้ -->
|
<!-- แอร์ตั้งตู้ -->
|
||||||
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
|
<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="aspect-video overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<img src="/images/grilles/air-grille-content.jpg" alt="แอร์ตั้งตู้" class="w-full h-full object-cover" loading="lazy" />
|
||||||
</div>
|
|
||||||
|
|
||||||
<img src="/images/grilles/air-grille-content.jpg" alt="แอร์ตั้งตู้" class="w-full h-full object-cover" loading="lazy" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="p-5">
|
<div class="p-5">
|
||||||
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ตั้งตู้</h3>
|
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ตั้งตู้</h3>
|
||||||
@@ -107,10 +101,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
<!-- แอร์ฝังเพดาน -->
|
<!-- แอร์ฝังเพดาน -->
|
||||||
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
|
<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="aspect-video overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ฝังเพดาน" class="w-full h-full object-cover" loading="lazy" />
|
||||||
</div>
|
|
||||||
|
|
||||||
<img src="/images/grilles/supply-air-content.jpg" alt="แอร์ฝังเพดาน" class="w-full h-full object-cover" loading="lazy" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="p-5">
|
<div class="p-5">
|
||||||
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ฝังเพดาน</h3>
|
<h3 class="text-lg font-bold text-neutral-900 mb-2">แอร์ฝังเพดาน</h3>
|
||||||
@@ -125,10 +116,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
|||||||
<!-- ระบบ VRF -->
|
<!-- ระบบ VRF -->
|
||||||
<div class="bg-white rounded-2xl overflow-hidden shadow-sm hover:shadow-xl transition-all border border-neutral-200">
|
<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="aspect-video overflow-hidden">
|
||||||
<!-- Floating Particles -->
|
<img src="/images/grilles/linear-slot-content.jpg" alt="ระบบ VRF" class="w-full h-full object-cover" loading="lazy" />
|
||||||
</div>
|
|
||||||
|
|
||||||
<img src="/images/grilles/linear-slot-content.jpg" alt="ระบบ VRF" class="w-full h-full object-cover" loading="lazy" />
|
|
||||||
</div>
|
</div>
|
||||||
<div class="p-5">
|
<div class="p-5">
|
||||||
<h3 class="text-lg font-bold text-neutral-900 mb-2">ระบบ VRF</h3>
|
<h3 class="text-lg font-bold text-neutral-900 mb-2">ระบบ VRF</h3>
|
||||||
|
|||||||
Reference in New Issue
Block a user