fix(ball-jet): replace copyright images with user-supplied photos

The 7 product photos in commit 47f28cd were scraped from
sapaengineer.com without copyright clearance. Replace them
with 4 user-supplied photos from the LINE album:

- ball-jet-main.jpg (478x542) — original main product photo
- ball-jet-main-hd.jpg (1764x2000) — 4x upscale for hero
- ball-jet-front.jpg — front view of the diffuser
- ball-jet-specs.jpg — dimensions + parameters table
- ball-jet-performance.jpg — airflow performance table

Page now uses:
- Hero: ball-jet-main-hd (upscaled from user's photo)
- Gallery: ball-jet-main-hd + ball-jet-front
- New section: ขนาดและพารามิเตอร์ (Dimensions & Parameters)
  - Spec image + readable HTML table (sizes 4"-10")
  - D / A / B / C / E dimensions in mm
- New section: ตารางสมรรถนะการจ่ายลม (Airflow Performance)
  - Performance image + HTML table (sizes 4"-10", 5 flow rates each)
  - Columns: Air Volume (CMH), Outlet Velocity (m/s), Pressure
    Loss (Pa), Throw Distance (m), Noise (dB(A))

src/pages/หัวจ่าย-ball-jet.astro

@@ -40,7 +40,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden bg-white/10 p-2">
-              <img src="/images/ball-jet/ball-jet-1.jpg" alt="หัวจ่ายแอร์ Ball Jet" class="w-full h-auto rounded-xl" width="600" height="600" loading="eager" />
+              <img src="/images/ball-jet/ball-jet-main-hd.jpg" alt="หัวจ่ายแอร์ Ball Jet" class="w-full h-auto rounded-xl" width="1764" height="2000" loading="eager" />
             </div>
           </div>
           <div>
@@ -173,30 +173,263 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ภาพสินค้า หัวจ่ายแอร์ Ball Jet</h2>
-          <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-3xl mx-auto">
             <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-2.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 2" class="w-full h-auto" width="400" height="400" loading="lazy" />
+              <img src="/images/ball-jet/ball-jet-main-hd.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพหลัก" class="w-full h-auto" width="1764" height="2000" loading="lazy" />
             </div>
             <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-3.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 3" class="w-full h-auto" width="400" height="400" loading="lazy" />
-            </div>
-            <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-4.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 4" class="w-full h-auto" width="400" height="400" loading="lazy" />
-            </div>
-            <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-5.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 5" class="w-full h-auto" width="400" height="400" loading="lazy" />
-            </div>
-            <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-6.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 6" class="w-full h-auto" width="400" height="400" loading="lazy" />
-            </div>
-            <div class="rounded-2xl overflow-hidden shadow-md bg-white">
-              <img src="/images/ball-jet/ball-jet-7.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพ 7" class="w-full h-auto" width="400" height="400" loading="lazy" />
+              <img src="/images/ball-jet/ball-jet-front.jpg" alt="หัวจ่ายแอร์ Ball Jet ภาพด้านหน้า" class="w-full h-auto" width="450" height="416" loading="lazy" />
             </div>
           </div>
         </div>
       </div>
     </section>
 
+    <!-- Product Dimensions and Parameters -->
+    <section class="py-16 bg-white">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ขนาดและพารามิเตอร์</h2>
+          <div class="rounded-2xl overflow-hidden shadow-md bg-white mb-8">
+            <img src="/images/ball-jet/ball-jet-specs.jpg" alt="ขนาดและพารามิเตอร์ หัวจ่ายแอร์ Ball Jet" class="w-full h-auto" width="712" height="1096" loading="lazy" />
+          </div>
+
+          <div class="overflow-x-auto">
+            <table class="min-w-full text-sm border-collapse">
+              <thead>
+                <tr class="bg-primary-600 text-white">
+                  <th class="border border-primary-700 px-3 py-2 text-left">ขนาด (นิ้ว)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">4"</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">5"</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">6"</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">8"</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">10"</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr><td class="border px-3 py-2 font-semibold">D (mm)</td><td class="border px-3 py-2 text-center">100</td><td class="border px-3 py-2 text-center">125</td><td class="border px-3 py-2 text-center">150</td><td class="border px-3 py-2 text-center">200</td><td class="border px-3 py-2 text-center">250</td></tr>
+                <tr class="bg-neutral-50"><td class="border px-3 py-2 font-semibold">A (mm)</td><td class="border px-3 py-2 text-center">128</td><td class="border px-3 py-2 text-center">153</td><td class="border px-3 py-2 text-center">182</td><td class="border px-3 py-2 text-center">232</td><td class="border px-3 py-2 text-center">282</td></tr>
+                <tr><td class="border px-3 py-2 font-semibold">B (mm)</td><td class="border px-3 py-2 text-center">166</td><td class="border px-3 py-2 text-center">190</td><td class="border px-3 py-2 text-center">218</td><td class="border px-3 py-2 text-center">270</td><td class="border px-3 py-2 text-center">318</td></tr>
+                <tr class="bg-neutral-50"><td class="border px-3 py-2 font-semibold">C (mm)</td><td class="border px-3 py-2 text-center">130</td><td class="border px-3 py-2 text-center">155</td><td class="border px-3 py-2 text-center">180</td><td class="border px-3 py-2 text-center">230</td><td class="border px-3 py-2 text-center">280</td></tr>
+                <tr><td class="border px-3 py-2 font-semibold">E (mm)</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">42</td><td class="border px-3 py-2 text-center">46</td><td class="border px-3 py-2 text-center">46</td></tr>
+              </tbody>
+            </table>
+          </div>
+          <p class="text-sm text-neutral-500 mt-2 text-center">D = เส้นผ่านศูนย์กลางปาก, A = เส้นผ่านศูนย์กลางหน้าแปลน, B = เส้นผ่านศูนย์กลางรวม, C = ขนาดเจาะฝ้า, E = ความลึกของปาก</p>
+        </div>
+      </div>
+    </section>
+
+    <!-- Performance Table -->
+    <section class="py-16 bg-neutral-50">
+      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-4xl mx-auto">
+          <h2 class="text-2xl font-bold text-primary-700 mb-8 text-center">ตารางสมรรถนะการจ่ายลม</h2>
+          <div class="rounded-2xl overflow-hidden shadow-md bg-white mb-8">
+            <img src="/images/ball-jet/ball-jet-performance.jpg" alt="ตารางสมรรถนะการจ่ายลม หัวจ่ายแอร์ Ball Jet" class="w-full h-auto" width="700" height="1028" loading="lazy" />
+          </div>
+
+          <div class="overflow-x-auto">
+            <table class="min-w-full text-sm border-collapse">
+              <thead>
+                <tr class="bg-primary-600 text-white">
+                  <th class="border border-primary-700 px-3 py-2 text-left">ขนาด (นิ้ว)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">ปริมาณลม<br/>(CMH)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">ความเร็วลมที่ปาก<br/>(m/s)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">ความดันสูญเสีย<br/>(Pa)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">ระยะส่งลม<br/>(m)</th>
+                  <th class="border border-primary-700 px-3 py-2 text-center">เสียง<br/>(dB(A))</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td class="border px-3 py-2 font-semibold" rowspan="5">4"</td>
+                  <td class="border px-3 py-2 text-center">54</td>
+                  <td class="border px-3 py-2 text-center">2.7</td>
+                  <td class="border px-3 py-2 text-center">3</td>
+                  <td class="border px-3 py-2 text-center">3.2</td>
+                  <td class="border px-3 py-2 text-center">22</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">72</td>
+                  <td class="border px-3 py-2 text-center">3.6</td>
+                  <td class="border px-3 py-2 text-center">5</td>
+                  <td class="border px-3 py-2 text-center">3.9</td>
+                  <td class="border px-3 py-2 text-center">25</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">90</td>
+                  <td class="border px-3 py-2 text-center">4.4</td>
+                  <td class="border px-3 py-2 text-center">8</td>
+                  <td class="border px-3 py-2 text-center">4.6</td>
+                  <td class="border px-3 py-2 text-center">29</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">108</td>
+                  <td class="border px-3 py-2 text-center">5.4</td>
+                  <td class="border px-3 py-2 text-center">12</td>
+                  <td class="border px-3 py-2 text-center">5.2</td>
+                  <td class="border px-3 py-2 text-center">32</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">126</td>
+                  <td class="border px-3 py-2 text-center">6.3</td>
+                  <td class="border px-3 py-2 text-center">17</td>
+                  <td class="border px-3 py-2 text-center">5.8</td>
+                  <td class="border px-3 py-2 text-center">34</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 font-semibold" rowspan="5">5"</td>
+                  <td class="border px-3 py-2 text-center">90</td>
+                  <td class="border px-3 py-2 text-center">3.1</td>
+                  <td class="border px-3 py-2 text-center">3</td>
+                  <td class="border px-3 py-2 text-center">3.8</td>
+                  <td class="border px-3 py-2 text-center">22</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">120</td>
+                  <td class="border px-3 py-2 text-center">4.1</td>
+                  <td class="border px-3 py-2 text-center">5</td>
+                  <td class="border px-3 py-2 text-center">4.6</td>
+                  <td class="border px-3 py-2 text-center">26</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">150</td>
+                  <td class="border px-3 py-2 text-center">5.1</td>
+                  <td class="border px-3 py-2 text-center">8</td>
+                  <td class="border px-3 py-2 text-center">5.5</td>
+                  <td class="border px-3 py-2 text-center">30</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">180</td>
+                  <td class="border px-3 py-2 text-center">6.2</td>
+                  <td class="border px-3 py-2 text-center">12</td>
+                  <td class="border px-3 py-2 text-center">6.3</td>
+                  <td class="border px-3 py-2 text-center">34</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">210</td>
+                  <td class="border px-3 py-2 text-center">7.2</td>
+                  <td class="border px-3 py-2 text-center">17</td>
+                  <td class="border px-3 py-2 text-center">7.0</td>
+                  <td class="border px-3 py-2 text-center">37</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 font-semibold" rowspan="5">6"</td>
+                  <td class="border px-3 py-2 text-center">135</td>
+                  <td class="border px-3 py-2 text-center">2.8</td>
+                  <td class="border px-3 py-2 text-center">3</td>
+                  <td class="border px-3 py-2 text-center">4.0</td>
+                  <td class="border px-3 py-2 text-center">24</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">180</td>
+                  <td class="border px-3 py-2 text-center">3.7</td>
+                  <td class="border px-3 py-2 text-center">5</td>
+                  <td class="border px-3 py-2 text-center">4.8</td>
+                  <td class="border px-3 py-2 text-center">28</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">225</td>
+                  <td class="border px-3 py-2 text-center">4.7</td>
+                  <td class="border px-3 py-2 text-center">8</td>
+                  <td class="border px-3 py-2 text-center">5.7</td>
+                  <td class="border px-3 py-2 text-center">32</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">270</td>
+                  <td class="border px-3 py-2 text-center">5.6</td>
+                  <td class="border px-3 py-2 text-center">12</td>
+                  <td class="border px-3 py-2 text-center">6.5</td>
+                  <td class="border px-3 py-2 text-center">35</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">315</td>
+                  <td class="border px-3 py-2 text-center">6.5</td>
+                  <td class="border px-3 py-2 text-center">17</td>
+                  <td class="border px-3 py-2 text-center">7.2</td>
+                  <td class="border px-3 py-2 text-center">38</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 font-semibold" rowspan="5">8"</td>
+                  <td class="border px-3 py-2 text-center">240</td>
+                  <td class="border px-3 py-2 text-center">3.0</td>
+                  <td class="border px-3 py-2 text-center">3</td>
+                  <td class="border px-3 py-2 text-center">4.6</td>
+                  <td class="border px-3 py-2 text-center">25</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">320</td>
+                  <td class="border px-3 py-2 text-center">4.0</td>
+                  <td class="border px-3 py-2 text-center">5</td>
+                  <td class="border px-3 py-2 text-center">5.6</td>
+                  <td class="border px-3 py-2 text-center">29</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">400</td>
+                  <td class="border px-3 py-2 text-center">5.0</td>
+                  <td class="border px-3 py-2 text-center">8</td>
+                  <td class="border px-3 py-2 text-center">6.6</td>
+                  <td class="border px-3 py-2 text-center">34</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">480</td>
+                  <td class="border px-3 py-2 text-center">6.0</td>
+                  <td class="border px-3 py-2 text-center">12</td>
+                  <td class="border px-3 py-2 text-center">7.5</td>
+                  <td class="border px-3 py-2 text-center">37</td>
+                </tr>
+                <tr class="bg-primary-50">
+                  <td class="border px-3 py-2 text-center">560</td>
+                  <td class="border px-3 py-2 text-center">7.0</td>
+                  <td class="border px-3 py-2 text-center">17</td>
+                  <td class="border px-3 py-2 text-center">8.4</td>
+                  <td class="border px-3 py-2 text-center">40</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 font-semibold" rowspan="5">10"</td>
+                  <td class="border px-3 py-2 text-center">375</td>
+                  <td class="border px-3 py-2 text-center">2.8</td>
+                  <td class="border px-3 py-2 text-center">3</td>
+                  <td class="border px-3 py-2 text-center">5.2</td>
+                  <td class="border px-3 py-2 text-center">26</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">500</td>
+                  <td class="border px-3 py-2 text-center">3.7</td>
+                  <td class="border px-3 py-2 text-center">5</td>
+                  <td class="border px-3 py-2 text-center">6.3</td>
+                  <td class="border px-3 py-2 text-center">31</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">625</td>
+                  <td class="border px-3 py-2 text-center">4.7</td>
+                  <td class="border px-3 py-2 text-center">8</td>
+                  <td class="border px-3 py-2 text-center">7.4</td>
+                  <td class="border px-3 py-2 text-center">35</td>
+                </tr>
+                <tr class="bg-neutral-50">
+                  <td class="border px-3 py-2 text-center">750</td>
+                  <td class="border px-3 py-2 text-center">5.6</td>
+                  <td class="border px-3 py-2 text-center">12</td>
+                  <td class="border px-3 py-2 text-center">8.5</td>
+                  <td class="border px-3 py-2 text-center">39</td>
+                </tr>
+                <tr>
+                  <td class="border px-3 py-2 text-center">875</td>
+                  <td class="border px-3 py-2 text-center">6.5</td>
+                  <td class="border px-3 py-2 text-center">17</td>
+                  <td class="border px-3 py-2 text-center">9.5</td>
+                  <td class="border px-3 py-2 text-center">42</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <p class="text-sm text-neutral-500 mt-3 text-center">ตารางสมรรถนะอ้างอิงจากการทดสอบในห้องปฏิบัติการ ประสิทธิภาพจริงขึ้นอยู่กับสภาพการติดตั้งและการใช้งาน</p>
+        </div>
+      </div>
+    </section>
+
     <!-- FAQ Section -->
     <section class="py-16 bg-white">
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">