feat: add price list PDFs and pricelist sections to nav products
Copy all 12 PDF price lists from dealplustech-emdash-old (pdf-batch3 branch) into public/documents/. These were the actual price lists referenced by the original site. Add the missing #pricelist sections and data-price-button links in the hero to the 4 nav products that were missing them: - ท่อ-ppr-thai-ppr.astro → PRICE-LIST_TPPR_V28-2023.pdf - ท่อ-ppr-scg.astro → เอสซีเจ ปี68.pdf - ท่อ-hdpe.astro → Price List HDPE TAP.pdf - ท่อ-xy-lent.astro → Price List XYLENT_Novat.pdf The 6 products that already had pricelists (aeroflex, armflex, maxflex, เครื่องเชื่อม-hdpe, เทอร์โมเบรค, เม็กกรู๊ฟ-คับปลิ้ง) are unchanged. The BaseLayout auto-detect script now finds #pricelist on these pages and unhides the data-price-button (ราคาสินค้า) in the hero.
This commit is contained in:
Kunthawat Greethong
@@ -78,6 +78,12 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</svg>
|
||||
090-555-1415
|
||||
</a>
|
||||
<a href="#pricelist" data-price-button class="hidden bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
||||
</svg>
|
||||
<span>ราคาสินค้า</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
@@ -128,6 +134,24 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricelist -->
|
||||
<section id="pricelist" class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-lg mx-auto text-center">
|
||||
<h2 class="text-xl font-bold mb-6">📥 ดาวน์โหลดราคาสินค้า ท่อ HDPE</h2>
|
||||
<a href="/documents/Price List HDPE TAP.pdf" target="_blank" class="inline-flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow text-left">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z" />
|
||||
</svg>
|
||||
<div>
|
||||
<div class="font-medium text-slate-900">Price List HDPE TAP</div>
|
||||
<div class="text-sm text-slate-500">PDF Document</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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">
|
||||
|
||||
@@ -78,6 +78,12 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</svg>
|
||||
090-555-1415
|
||||
</a>
|
||||
<a href="#pricelist" data-price-button class="hidden bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
||||
</svg>
|
||||
<span>ราคาสินค้า</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
@@ -120,6 +126,24 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricelist -->
|
||||
<section id="pricelist" class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-lg mx-auto text-center">
|
||||
<h2 class="text-xl font-bold mb-6">📥 ดาวน์โหลดราคาสินค้า ท่อ PPR ตราช้าง (SCG)</h2>
|
||||
<a href="/documents/เอสซีเจ ปี68.pdf" target="_blank" class="inline-flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow text-left">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z" />
|
||||
</svg>
|
||||
<div>
|
||||
<div class="font-medium text-slate-900">เอสซีเจ ปี68</div>
|
||||
<div class="text-sm text-slate-500">PDF Document</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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">
|
||||
|
||||
@@ -78,6 +78,12 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</svg>
|
||||
090-555-1415
|
||||
</a>
|
||||
<a href="#pricelist" data-price-button class="hidden bg-white text-primary-700 hover:bg-primary-50 py-3 px-6 rounded-xl font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
||||
</svg>
|
||||
<span>ราคาสินค้า</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:sticky lg:top-24">
|
||||
@@ -139,6 +145,24 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricelist -->
|
||||
<section id="pricelist" class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-lg mx-auto text-center">
|
||||
<h2 class="text-xl font-bold mb-6">📥 ดาวน์โหลดราคาสินค้า ไทยพีพีอาร์</h2>
|
||||
<a href="/documents/PRICE-LIST_TPPR_V28-2023 [26012023].pdf" target="_blank" class="inline-flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow text-left">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z" />
|
||||
</svg>
|
||||
<div>
|
||||
<div class="font-medium text-slate-900">PRICE-LIST_TPPR_V28-2023</div>
|
||||
<div class="text-sm text-slate-500">PDF Document</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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">
|
||||
|
||||
@@ -51,6 +51,12 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<a href="/contact-us" class="bg-accent-500 hover:bg-accent-600 text-white py-3 px-6 rounded-xl font-semibold">สอบถามราคา</a>
|
||||
<a href="https://line.me/ti/p/~JPPSELECTION" target="_blank" rel="noopener" class="bg-white/10 hover:bg-white/20 text-white py-3 px-6 rounded-xl font-semibold border border-white/30">แอดไลน์</a>
|
||||
<a href="#pricelist" data-price-button class="hidden bg-white/10 hover:bg-white/20 text-white py-3 px-6 rounded-xl font-semibold border border-white/30 flex items-center gap-2">
|
||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
||||
</svg>
|
||||
<span>ราคาสินค้า</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -241,6 +247,24 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricelist -->
|
||||
<section id="pricelist" class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white relative overflow-hidden">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div class="max-w-lg mx-auto text-center">
|
||||
<h2 class="text-xl font-bold mb-6">📥 ดาวน์โหลดราคาสินค้า ท่อ XYLENT</h2>
|
||||
<a href="/documents/Price List XYLENT_Novat_V12-2022 [080265]_220727_155718 (1).pdf" target="_blank" class="inline-flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow text-left">
|
||||
<svg class="w-8 h-8 text-red-600 flex-shrink-0" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 9V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2zm0-8h2v2H8V9z" />
|
||||
</svg>
|
||||
<div>
|
||||
<div class="font-medium text-slate-900">Price List XYLENT_Novat_V12-2022</div>
|
||||
<div class="text-sm text-slate-500">PDF Document</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="py-16 bg-gradient-to-br from-primary-700 to-primary-600 text-white text-center relative overflow-hidden">
|
||||
<div class="max-w-4xl mx-auto px-4">
|
||||
|
||||
Reference in New Issue
Block a user