Commit Graph

34 Commits

Author SHA1 Message Date
Kunthawat Greethong
316224470a Fix section class spacing in water-pump 2026-05-24 21:10:25 +07:00
Kunthawat Greethong
5944e59947 Fix section padding spacing 2026-05-24 21:09:41 +07:00
Kunthawat Greethong
daa3d56027 Fix hero section structure - remove order classes, add missing classes
Changes:
- Removed order-2 lg:order-1 from 9 pages (image now on LEFT)
- Added bg-white/10 p-2 to image containers in 8 pages
- Added lg:py-24 padding to sections in 8 pages

Pages fixed: durgo-avvs, grilles, water-pump, pipe-coupling,
ท่อ-hdpe, ท่อ-ppr-scg, ท่อ-ppr-thai-ppr, ท่อ-syler, ท่อ-upvc,
ระบบน้ำ, วาล์ว-valve, เครื่องเชื่อม-hdpe, เครื่องเชื่อม-ppr
2026-05-24 21:09:15 +07:00
Kunthawat Greethong
f12f84cf52 Add sticky wrapper to pages with img-hover class 2026-05-24 20:11:00 +07:00
Kunthawat Greethong
e1136fbfbd Add sticky image wrapper to remaining product pages 2026-05-24 20:10:53 +07:00
Kunthawat Greethong
c0975d6493 Add sticky image wrapper to all product hero sections 2026-05-24 20:10:44 +07:00
Kunthawat Greethong
9fc6951dd4 Standardize hero layout with sticky image across all product pages
- All product pages now have lg:sticky lg:top-24 on image container
- LINE button: bg-accent-500 orange
- Phone button: bg-white green
- Grid alignment: items-start
2026-05-24 20:10:32 +07:00
Kunthawat Greethong
ffb5223b3f Fix ท่อ-ppr-thai-ppr hero buttons to match standard design 2026-05-24 20:08:32 +07:00
Kunthawat Greethong
f9161ab984 Standardize hero grid to items-start for all product pages 2026-05-24 20:07:20 +07:00
Kunthawat Greethong
7eec86d7c5 Standardize hero section buttons across all product pages
- LINE button: orange accent-500
- Phone button: white with green text
- Price list button: white (shown only when pricelist section exists)
2026-05-24 20:04:58 +07:00
Kunthawat Greethong
55b0d1a3d7 Fix pricelist id placement on brand pages 2026-05-24 19:57:39 +07:00
Kunthawat Greethong
fea35c2bde Add price list button to armflex, aeroflex, maxflex hero section 2026-05-24 19:54:35 +07:00
Kunthawat Greethong
67c53fa421 Fix broken overflow-hidden pattern in all product pages 2026-05-24 19:37:51 +07:00
Kunthawat Greethong
0d1f59611c Fix broken BaseLayout category structure 2026-05-24 19:34:27 +07:00
Kunthawat Greethong
984c2571c5 Remove อุปกรณ์ปรับอากาศ page and all references 2026-05-24 15:43:13 +07:00
Kunthawat Greethong
d231325a4d Category: อุปกรณ์ดับเพลิง, Submenu: ตู้ดับเพลิง 2026-05-24 15:38:56 +07:00
Kunthawat Greethong
33c9349cd8 Change product label to อุปกรณ์ดับเพลิง, keep category as ตู้ดับเพลิง 2026-05-24 15:37:30 +07:00
Kunthawat Greethong
856ad5ff7a Change menu label to ตู้ดับเพลิง 2026-05-24 15:36:03 +07:00
Kunthawat Greethong
d52e62254c Keep category name as อุปกรณ์ดับเพลิง, change link to /ตู้ดับเพลิง 2026-05-24 15:34:07 +07:00
Kunthawat Greethong
b6c0dc8e00 Update brand pages and fix menu labels 2026-05-24 15:32:49 +07:00
Kunthawat Greethong
12608e3c18 Fix mega menu - change อุปกรณ์ดับเพลิง to ตู้ดับเพลิง in BaseLayout 2026-05-24 15:31:46 +07:00
Kunthawat Greethong
e82f4b39f2 Fix animated hero background position and update Header menu
1. Fixed animated hero background - now inside the hero section with proper class structure
2. Changed อุปกรณ์ดับเพลิง to ตู้ดับเพลิง in Header main menu
2026-05-24 11:57:17 +07:00
Kunthawat Greethong
b4a41c3ed4 Add animated hero background to all product pages
All 30 pages now have the same animated hero effect:
- Mesh gradient blur animation (animate-mesh-1)
- Floating particles
- Water wave SVG animations

Pages updated include ท่อ-ppr-scg, ท่อ-ppr-thai-ppr, ท่อ-hdpe, ท่อ-upvc, ท่อ-xy-lent, เม็กกรู๊ฟ-คับปลิ้ง, water-treatment, อุปกรณ์ปรับอากาศ, ตู้ดับเพลิง, realflex, เทอร์โมเบรค-thermobreak, รั้วเทวดา, ระบบรั้วไวน์แมน
2026-05-23 20:36:39 +07:00
Kunthawat Greethong
22e469f4ee Add animated hero background to all product pages
- Fixed missing image in ท่อ-syler (SYLER-b03.jpg → SYLER-b02.jpg)
- Added mesh animation, floating particles, and water wave effects to product pages
- Pages updated: ท่อ-ppr-scg, ท่อ-ppr-thai-ppr, ท่อ-hdpe, ท่อ-upvc, ท่อ-xy-lent, เม็กกรู๊ฟ-คับปลิ้ง, water-treatment, อุปกรณ์ปรับอากาศ, ตู้ดับเพลิง, realflex, เทอร์โมเบรค-thermobreak, รั้วเทวดา, ระบบรั้วไวน์แมน
2026-05-23 20:35:42 +07:00
Kunthawat Greethong
f60b3c3226 Rename อุปกรณ์ดับเพลิง page to /ตู้ดับเพลิง
- Renamed page file from อุปกรณ์ดับเพลิง.astro to ตู้ดับเพลิง.astro
- Updated title and content to ตู้ดับเพลิง
- Updated Header navigation link
- Updated all-products page link
2026-05-23 08:30:54 +07:00
Kunthawat Greethong
cc76e93c05 Fix product categories to match Header navigation
Categories now match Header.astro:
- ท่อพีพีอาร์ (4 items)
- ท่อ UPVC/Specialty (4 items)
- เครื่องเชื่อมท่อ (4 items)
- วาล์ว (2 items)
- ปั๊มและระบบน้ำ (2 items)
- อุปกรณ์ปรับอากาศ (2 items)
- ฉนวนและรั้ว (8 items)
- Total: 26 products
2026-05-23 08:24:18 +07:00
Kunthawat Greethong
c21dd08439 Update all-products page: fix filter buttons and product images
- Added working JavaScript filter functionality for category buttons
- Fixed product image paths (HDPE, Syler, XYLENT, etc.)
- Added hover animation on product cards
- Made filter bar sticky on scroll
2026-05-23 08:21:08 +07:00
Kunthawat Greethong
59773919f6 Fix layout after removing animation code - clean structure 2026-05-22 18:46:54 +07:00
Kunthawat Greethong
e7b6b6288a Remove animation effects from content sections, keep content intact
- Removed animated background divs from FAQ and product card sections
- Kept all content (FAQ answers, product details) intact
- Animation code now only in hero sections
2026-05-22 18:43:17 +07:00
Kunthawat Greethong
ec75725b31 Remove duplicate animation code from content sections
- Removed animation blocks from FAQ sections in ระบบรั้วไวน์แมน.astro
- Removed animation blocks from product cards in อุปกรณ์ปรับอากาศ.astro
- Animation code now only appears in hero sections
2026-05-22 18:32:04 +07:00
Kunthawat Greethong
67d84b09b1 Fix hero image path in อุปกรณ์ปรับอากาศ page 2026-05-22 18:29:29 +07:00
Kunthawat Greethong
286a011f1c Fix missing product images across all pages
- Fixed รั้วเทวดา page: Replaced รุ่นสินค้า section with gallery of actual photos from LINE album
- Fixed ระบบรั้วไวน์แมน page: Changed all SVG refs to JPG
- Fixed ท่อ-upvc, ท่อ-xy-lent, ระบบน้ำ pages
- Fixed วาล์ว-valve, อุปกรณ์ดับเพลิง, อุปกรณ์ปรับอากาศ pages
- Fixed เครื่องเชื่อม-ppr, เทอร์โมเบรค-thermobreak, เม็กกรู๊ฟ-คับปลิ้ง pages
- Copied รั้วเทวดา images to public/images/tevada/
2026-05-22 18:21:52 +07:00
Kunthawat Greethong
882fa7f819 Update insulation brand pages (Armaflex, Aeroflex, Maxflex)
- Added 3 new brand pages: armflex.astro, aeroflex.astro, maxflex.astro
- Updated hero images with product photos from 3t-insulation.com
- Enhanced content with product specifications and benefits
- Added standard certifications (FM Approved, UL 94, GREENGUARD)
- Added product gallery sections
- Shortened menu names to brand only (Armaflex, Aeroflex, Maxflex)
- Removed old ฉนวนหุ้มท่อ.astro page
- Updated Header and BaseLayout navigation
- Downloaded product images for all 3 brands
2026-05-22 12:50:17 +07:00
Kunthawat Greethong
5219cf8f72 Part 1: Source code - Astro project structure and components 2026-05-21 16:33:59 +07:00