fix: Update homepage categories, product images, all-products page, mobile fixes

src/pages/ท่อระบายน้ำ-3-ชั้น-ไซเลนท/index.astro

@@ -7,13 +7,13 @@ import Footer from '@/components/common/Footer.astro';
 <BaseLayout title="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" description="จำหน่ายท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENTคุณภาพสูง ราคาโรงงาน ส่งฟรี กทม. ปริมณฑล">
   <Header slot="header" />
   
-  <main class="px-4 sm:px-6 lg:px-8 bg-gradient-to-br from-green-50 via-white to-accent-50 min-h-screen">
-    <section class="section">
+  <main class="px-4 sm:px-6 lg:px-8 bg-white min-h-screen">
+    <section id="product-detail" class="section">
       <div class="container-custom">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="lg:sticky lg:top-24">
             <div class="card p-8 bg-white">
-              <img src="/images/products-misc/XYLENT_001.png" alt="ท่อระบายน้ำ 3 ชั้น ไซเลนท์ | XYLENT" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
+              <img src="/images/products-cropped/XYLENT_001.png" alt="Product" class="w-full h-auto rounded-xl" onerror="this.src='/images/logo/dealplustech-logo.png'" />
             </div>
           </div>
           
@@ -89,7 +89,7 @@ import Footer from '@/components/common/Footer.astro';
     </section>
         
     
-    <section class="section gradient-bg">
+    <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>
         <p class="text-xl text-secondary-600 mb-8 max-w-2xl mx-auto">