From c0975d64938da2e0ea18eaffeb85ec9983c2db38 Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Sun, 24 May 2026 20:10:44 +0700
Subject: [PATCH] Add sticky image wrapper to all product hero sections

---
 src/pages/durgo-avvs.astro      | 1 +
 src/pages/grilles.astro         | 1 +
 src/pages/water-pump.astro      | 1 +
 src/pages/ท่อ-hdpe.astro         | 1 +
 src/pages/ท่อ-ppr-scg.astro      | 1 +
 src/pages/ท่อ-ppr-thai-ppr.astro | 1 +
 src/pages/ท่อ-syler.astro        | 1 +
 src/pages/ท่อ-upvc.astro         | 1 +
 8 files changed, 8 insertions(+)

diff --git a/src/pages/durgo-avvs.astro b/src/pages/durgo-avvs.astro
index c058e56..c8b1475 100644
--- a/src/pages/durgo-avvs.astro
+++ b/src/pages/durgo-avvs.astro
@@ -41,6 +41,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="order-2 lg:order-1">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/durgo_000C.jpg" alt="DURGO AVVs" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" />
             </div>
diff --git a/src/pages/grilles.astro b/src/pages/grilles.astro
index 13c0682..60a819a 100644
--- a/src/pages/grilles.astro
+++ b/src/pages/grilles.astro
@@ -41,6 +41,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="order-2 lg:order-1">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/grilles_000C.jpg" alt="กริลแอร์พลาสติก" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" />
             </div>
diff --git a/src/pages/water-pump.astro b/src/pages/water-pump.astro
index 7d01a5e..fe0438a 100644
--- a/src/pages/water-pump.astro
+++ b/src/pages/water-pump.astro
@@ -41,6 +41,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="order-2 lg:order-1">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/water-pump_000C.jpg" alt="ปั๊มน้ำ (Water Pump)" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" />
             </div>
diff --git a/src/pages/ท่อ-hdpe.astro b/src/pages/ท่อ-hdpe.astro
index b218244..69f8a76 100644
--- a/src/pages/ท่อ-hdpe.astro
+++ b/src/pages/ท่อ-hdpe.astro
@@ -83,6 +83,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
             </div>
           </div>
           <div class="order-1 lg:order-2">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/hdpe001.png" alt="ท่อ HDPE (High Density Polyethylene)" class="w-full" loading="eager" />
             </div>
diff --git a/src/pages/ท่อ-ppr-scg.astro b/src/pages/ท่อ-ppr-scg.astro
index 67706d9..4343d0b 100644
--- a/src/pages/ท่อ-ppr-scg.astro
+++ b/src/pages/ท่อ-ppr-scg.astro
@@ -83,6 +83,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
             </div>
           </div>
           <div class="order-1 lg:order-2">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/ppr-scg.jpg" alt="ท่อ PPR ตราช้าง (SCG)" class="w-full" loading="eager" />
             </div>
diff --git a/src/pages/ท่อ-ppr-thai-ppr.astro b/src/pages/ท่อ-ppr-thai-ppr.astro
index 42a44a7..aad56fc 100644
--- a/src/pages/ท่อ-ppr-thai-ppr.astro
+++ b/src/pages/ท่อ-ppr-thai-ppr.astro
@@ -83,6 +83,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
             </div>
           </div>
           <div class="order-1 lg:order-2">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/ppr-pipe_000C.jpg" alt="ไทยพีพีอาร์ (Thai PPR)" class="w-full" loading="eager" />
             </div>
diff --git a/src/pages/ท่อ-syler.astro b/src/pages/ท่อ-syler.astro
index a74197f..266125d 100644
--- a/src/pages/ท่อ-syler.astro
+++ b/src/pages/ท่อ-syler.astro
@@ -41,6 +41,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
       <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
         <div class="grid lg:grid-cols-2 gap-12 items-start">
           <div class="order-2 lg:order-1">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/syler-pipe-cold-water.jpg" alt="ท่อ Syler" class="w-full h-auto rounded-xl" width="600" height="400" loading="eager" />
             </div>
diff --git a/src/pages/ท่อ-upvc.astro b/src/pages/ท่อ-upvc.astro
index aff339c..4832d21 100644
--- a/src/pages/ท่อ-upvc.astro
+++ b/src/pages/ท่อ-upvc.astro
@@ -83,6 +83,7 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
             </div>
           </div>
           <div class="order-1 lg:order-2">
+            <div class="lg:sticky lg:top-24">
             <div class="rounded-2xl overflow-hidden">
               <img src="/images/products-cropped/upvc-pipe_000C.jpg" alt="ท่อ UPVC" class="w-full" loading="eager" />
             </div>