Fix hero section structure across all product pages

Phase 1: Fixed layout (4 pages) - Image LEFT, Content RIGHT
- ท่อ-hdpe, ท่อ-ppr-scg, ท่อ-ppr-thai-ppr, ท่อ-upvc

Phase 2: Added bg-white/10 p-2 to image containers
Phase 3: Added lg:py-24 padding to sections

All pages now match armflex.astro reference structure.

.context/reports/index.json

@@ -1,15 +1,15 @@
 {
   "version": 1,
-  "updatedAt": "2026-05-24T13:16:51.251Z",
+  "updatedAt": "2026-05-24T13:57:19.926Z",
   "entries": [
     {
       "id": "2026-05-24T13-16-51-249Z-hero-section-fix-plan",
       "category": "plan",
       "title": "Hero Section Fix Plan",
-      "summary": "# Plan: Fix Hero Section Structure for All Product Pages ## Context After analyzing all product pages, found **3 major structural issues**: ### Issue 1: Section Class Order Wrong **Problem:** Many pages have `bg-gradient...` BEFORE `relative` in section class ```html <!-- WRONG --> <section class=\"bg-gradient-to-br fr…",
-      "searchText": "plan Hero Section Fix Plan # Plan: Fix Hero Section Structure for All Product Pages ## Context After analyzing all product pages, found **3 major structural issues**: ### Issue 1: Section Class Order Wrong **Problem:** Many pages have `bg-gradient...` BEFORE `relative` in section class ```html <!-- WRONG --> <section class=\"bg-gradient-to-br fr… /Users/kunthawatgreethong/gitea/dealplustech-emdash/.context/todo.md markdown approved false",
+      "summary": "# Plan: Fix Hero Section Structure for All Product Pages ## Context Analyzed all 23 product pages against reference `armflex.astro`. Found **4 pages with wrong layout** (Content LEFT, Image RIGHT) and **14 pages with structural issues**. ### Layout Analysis Results | Status | Pages | |--------|-------| | **WRONG LAYOU…",
+      "searchText": "plan Hero Section Fix Plan # Plan: Fix Hero Section Structure for All Product Pages ## Context Analyzed all 23 product pages against reference `armflex.astro`. Found **4 pages with wrong layout** (Content LEFT, Image RIGHT) and **14 pages with structural issues**. ### Layout Analysis Results | Status | Pages | |--------|-------| | **WRONG LAYOU… /Users/kunthawatgreethong/gitea/dealplustech-emdash/.context/todo.md markdown approved false",
       "createdAt": "2026-05-24T13:16:51.249Z",
-      "updatedAt": "2026-05-24T13:16:51.249Z",
+      "updatedAt": "2026-05-24T13:57:19.925Z",
       "sourcePath": "/Users/kunthawatgreethong/gitea/dealplustech-emdash/.context/todo.md",
       "sourceLabel": "todo.md",
       "viewerPath": "/Users/kunthawatgreethong/gitea/dealplustech-emdash/.context/todo.md",