fix(content): drop @ prefix from JPPSELECTION in text + add CTA to 20 products
Two changes driven by content review:
1) @JPPSELECTION → JPPSELECTION in user-visible text only
- 19 page files: drop @ from inline JPPSELECTION in <p> tags
- BaseLayout.astro + Footer.astro: drop @ from companyInfo.line
(rendered as "LINE: @JPPSELECTION" in mobile CTA + footer)
- URL line.me/ti/p/~JPPSELECTION left unchanged (the @ belongs
in the URL per line.me convention)
2) Add missing CTA section to all 20 product pages
- 16 pages had no CTA at all
- 4 pages (armflex, aeroflex, maxflex, xy-lent) had bespoke
CTA variants; replaced with canonical template
- Template copied from ppr-thai-ppr
- CTA inserted before </main> in all 20 product pages
Verified rendered HTML:
- @JPPSELECTION in <p> text = 0 across all 20 pages
- "LINE: JPPSELECTION" rendered in footer / mobile CTA
- heading + contact + line buttons present in all 20
Files touched: 30
This commit is contained in:
@@ -13,7 +13,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
{ question: 'ควรติดตั้งถังดับเพลิงกี่ลูกในบ้าน?', answer: 'สำหรับบ้านพักอาศัยทั่วไป แนะนำให้ติดตั้งถังดับเพลิงขนาด 2-4 กก. อย่างน้อย 1 ลูกต่อชั้น โดยเฉพาะใกล้ครัวและที่จอดรถ ส่วนอาคารพาณิชย์ต้องคำนวณตามขนาดพื้นที่และประเภทการใช้งาน' },
|
||||
{ question: 'ถังดับเพลิงชนิดไหนเหมาะกับห้องเซิร์ฟเวอร์?', answer: 'ห้องเซิร์ฟเวอร์และห้องที่มีอุปกรณ์ไฟฟ้ามากควรใช้ถังดับเพลิงชนิด CO2 หรือผงเคมีแห้ง เพราะไม่ทำลายอุปกรณ์และปลอดภัยสำหรับไฟฟ้า ห้ามใช้ถังดับเพลิงชนิดน้ำเด็ดขาด' },
|
||||
{ question: 'การติดตั้งระบบดับเพลิงมีข้อกำหนดอะไรบ้าง?', answer: 'การติดตั้งต้องปฏิบัติตามกฎหมายควบคุมอาคารและมาตรฐาน มอก. โดยอาคารประเภทต่างๆ มีข้อกำหนดแตกต่างกัน เช่น โรงแรม โรงงาน ห้างสรรพสินค้าต้องมีระบบดับเพลิงที่ครบถ้วนตามขนาดและการใช้งาน' },
|
||||
{ question: 'บริษัทของเราให้บริการติดตั้งและบำรุงรักษาตู้ดับเพลิงหรือไม่?', answer: 'ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งตู้ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION' },
|
||||
{ question: 'บริษัทของเราให้บริการติดตั้งและบำรุงรักษาตู้ดับเพลิงหรือไม่?', answer: 'ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งตู้ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line JPPSELECTION' },
|
||||
]}> <main class="bg-white min-h-screen">
|
||||
<!-- Hero Section -->
|
||||
<section class="relative bg-gradient-to-br from-primary-800 via-primary-700 to-primary-900 text-white py-16 lg:py-24 overflow-hidden">
|
||||
@@ -336,7 +336,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
|
||||
<div class="bg-white rounded-lg p-6">
|
||||
<h3 class="font-bold text-slate-900 mb-2">5. บริษัทของเราให้บริการติดตั้งและบำรุงรักษาตู้ดับเพลิงหรือไม่?</h3>
|
||||
<p class="text-slate-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งตู้ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line @JPPSELECTION</p>
|
||||
<p class="text-slate-700">ใช่ บริษัท ดีล พลัส เทค ให้บริการครบวงจร ตั้งแต่ให้คำปรึกษา ออกแบบระบบ จัดหาและติดตั้งตู้ดับเพลิง พร้อมทั้งบริการตรวจสอบและบำรุงรักษาตามมาตรฐาน ติดต่อสอบถามรายละเอียดได้ที่ Line JPPSELECTION</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -394,6 +394,16 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- CTA -->
|
||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<h2 class="text-3xl font-bold mb-6">สนใจสินค้านี้?</h2>
|
||||
<p class="text-lg text-primary-100 mb-8">ติดต่อเราวันนี้ 090-555-1415 หรือแอดไลน์ JPPSELECTION</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<a href="/contact-us" class="bg-white text-primary-700 py-3 px-8 rounded-xl font-semibold hover:bg-primary-50 transition-colors">ติดต่อเรา</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-8 rounded-xl font-semibold transition-colors">แอดไลน์</a>
|
||||
</div>
|
||||
</div>
|
||||
</section> </main>
|
||||
</main>
|
||||
</BaseLayout>
|
||||
|
||||
Reference in New Issue
Block a user