kunthawat/dealplustech-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

fix: Add max-w-4xl to remaining sections in thermobreak page

Browse Source
This commit is contained in:
OpenCode Agent
2026-04-02 20:44:46 +07:00
parent d1df5c01d4
commit c589a62b25
1 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/เทอร์โมเบรค-thermobreak/index.astro
View File

@@ -348,8 +348,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- Applications Section -->
<section id="applications" class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเทอร์โมเบรค</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">การใช้งานเทอร์โมเบรค</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-lg shadow-sm">
<div class="w-12 h-12 bg-primary-100 rounded-lg flex items-center justify-center mb-4">
<svg class="w-6 h-6 text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
@@ -392,7 +393,7 @@ import Footer from '@/components/common/Footer.astro';
<h3 class="font-bold text-secondary-900 mb-2">ระบบขนส่ง</h3>
<p class="text-secondary-700 text-sm">รถไฟ รถบัส เรือ และยานพาหนะขนส่งสินค้าที่ต้องการฉนวน</p>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -400,9 +401,10 @@ import Footer from '@/components/common/Footer.astro';
<!-- Project References Section -->
<section id="projects" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตัวอย่างโครงการที่ใช้เทอร์โมเบรค</h2>
<p class="text-lg text-secondary-700 mb-8">เทอร์โมเบรคถูกใช้งานในโครงการขนาดใหญ่ทั่วโลกและในประเทศไทย รวมถึง:</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตัวอย่างโครงการที่ใช้เทอร์โมเบรค</h2>
<p class="text-lg text-secondary-700 mb-8">เทอร์โมเบรคถูกใช้งานในโครงการขนาดใหญ่ทั่วโลกและในประเทศไทย รวมถึง:</p>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-gray-50 p-5 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-3">โครงการในประเทศไทย</h3>
<ul class="space-y-2 text-secondary-700">
@@ -427,15 +429,17 @@ import Footer from '@/components/common/Footer.astro';
<div class="mt-8 p-6 bg-primary-50 rounded-lg">
<p class="text-lg text-secondary-800"><strong>ติดต่อเรา</strong> เพื่อขอรายละเอียดโครงการและคำแนะนำการใช้งานสำหรับโครงการของคุณ</p>
</div>
</div>
</div>
</section>
<!-- Thickness Selection Guide -->
<section id="thickness-guide" class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg shadow-sm">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำแนะนำการเลือกความหนาฉนวน</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg shadow-sm">
<thead>
<tr class="bg-primary-600 text-white">
<th class="px-4 py-3 text-left">ขนาดท่อ (นิ้ว)</th>
@@ -456,15 +460,17 @@ import Footer from '@/components/common/Footer.astro';
</tbody>
</table>
</div>
<p class="text-sm text-secondary-600 mt-4">* ความหนาที่แนะนำขึ้นอยู่กับอุณหภูมิทำงานและสภาพแวดล้อม ติดต่อเราเพื่อขอคำแนะนำที่เหมาะสม</p>
<p class="text-sm text-secondary-600 mt-4">* ความหนาที่แนะนำขึ้นอยู่กับอุณหภูมิทำงานและสภาพแวดล้อม ติดต่อเราเพื่อขอคำแนะนำที่เหมาะสม</p>
</div>
</div>
</section>
<!-- FAQ Section -->
<section id="faq" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<div class="space-y-4">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<div class="space-y-4">
<div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: เทอร์โมเบรคต่างจากฉนวนยี่ห้ออื่นอย่างไร?</h3>
<p class="text-secondary-700">เทอร์โมเบรคใช้เทคโนโลยี Physically Cross-Linked ซึ่งให้ขนาดเซลล์เล็กและกระจายสม่ำเสมอ ทำให้ได้ค่าการนำความร้อนต่ำกว่า (0.032 W/m.K) และมีอายุการใช้งานยาวนานกว่า 10 ปีโดยไม่เสื่อมประสิทธิภาพ</p>
@@ -486,6 +492,7 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-700">เทอร์โมเบรคตัด ดัด และติดตั้งง่ายด้วยอุปกรณ์พื้นฐาน ใช้เทป Thermobreak LS Foil Tape สำหรับยึดข้อต่อและรอยต่อ</p>
</div>
</div>
</div>
</div>
</section>