Add PDF price lists to 7 product pages with ราคาสินค้า sections

- Added 11 PDF price list files to public/documents/
- Updated 7 product pages with downloadable PDF sections:
  - ฉนวนหุ้มท่อ-pipe-insulation (4 PDFs)
  - เทอร์โมเบรค-thermobreak (1 PDF)
  - ท่อhdpe (1 PDF)
  - เม็กกรู๊ฟ-คับปลิ้ง (1 PDF)
  - ท่อระบายน้ำ-3-ชั้น-ไซเลนท (2 PDFs)
  - ท่อพีพีอาร์ตราช้าง (1 PDF)
  - ท่อ-ppr-thai-ppr (1 PDF)
- Updated AGENTS.md files with PDF/document structure

src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro

@@ -67,6 +67,95 @@ import Footer from '@/components/common/Footer.astro';
       </div>
     </section>
     
+    <!-- Product Images Section -->
+    <section id="product-images" class="section bg-gray-50 py-16">
+      <div class="container-custom">
+        <h2 class="text-3xl font-bold text-secondary-900 mb-12 text-center">ตารางราคาสินค้า MECH Grooved</h2>
+        
+        <div class="grid gap-8">
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-002.jpg" alt="Rigid Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-003.jpg" alt="Flexible Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-004.jpg" alt="Grooved Flange" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-005.jpg" alt="Elbow" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-006.jpg" alt="Reducer" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-007.jpg" alt="Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-008.jpg" alt="Female Threaded" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-009.jpg" alt="Cap" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-010.jpg" alt="Mechanical Tee Grooved" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-011.jpg" alt="Mechanical Tee Threaded" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-012.jpg" alt="U-Bolt" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-013.jpg" alt="Gasket" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-014.jpg" alt="Coupling" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-015.jpg" alt="Flange" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-016.jpg" alt="Reducer Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-017.jpg" alt="Cross Cap" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+          
+          <div class="bg-white rounded-xl p-6 shadow-sm">
+            <img src="/images/mech/mech-018.jpg" alt="Mechanical Tee" class="w-full max-w-4xl mx-auto h-auto rounded-xl" />
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="product-prices" class="section bg-gradient-to-br from-primary-50 to-accent-50">
+      <div class="container-custom">
+        <h2 class="text-3xl font-bold text-secondary-900 mb-8 text-center">📥 ดาวน์โหลดราคาสินค้า</h2>
+        <div class="max-w-md mx-auto">
+          <a href="/documents/Price List MECH_V13-2021 [260864](1).pdf" target="_blank" class="flex items-center gap-4 p-4 bg-white rounded-xl shadow-sm hover:shadow-md transition-shadow">
+            <svg class="w-10 h-10 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-secondary-900">Price List MECH V13-2021</div><div class="text-sm text-secondary-500">PDF - ดาวน์โหลดราคา</div></div>
+          </a>
+        </div>
+      </div>
+    </section>
+    
     <section id="contact-cta" class="section bg-gray-50">
       <div class="container-custom text-center">
         <h2 class="text-3xl md:text-4xl font-bold text-secondary-900 mb-6">สนใจสินค้าของเรา?</h2>