Commit Graph

9 Commits

Author SHA1 Message Date
Kunthawat Greethong
17f4eb752b fix(content): drop @ prefix from JPPSELECTION in text + add CTA to 20 products
Two changes driven by content review:

1) @JPPSELECTION → JPPSELECTION in user-visible text only
   - 19 page files: drop @ from inline JPPSELECTION in <p> tags
   - BaseLayout.astro + Footer.astro: drop @ from companyInfo.line
     (rendered as "LINE: @JPPSELECTION" in mobile CTA + footer)
   - URL line.me/ti/p/~JPPSELECTION left unchanged (the @ belongs
     in the URL per line.me convention)

2) Add missing CTA section to all 20 product pages
   - 16 pages had no CTA at all
   - 4 pages (armflex, aeroflex, maxflex, xy-lent) had bespoke
     CTA variants; replaced with canonical template
   - Template copied from ppr-thai-ppr
   - CTA inserted before </main> in all 20 product pages

Verified rendered HTML:
- @JPPSELECTION in <p> text = 0 across all 20 pages
- "LINE: JPPSELECTION" rendered in footer / mobile CTA
- heading + contact + line buttons present in all 20

Files touched: 30
2026-06-10 09:44:28 +07:00
Kunthawat Greethong
d8ff358dd7 refactor(hero): rewrite 9 product hero sections to canonical template
- Extract data from each page (pill, title, image, features, hasPricelist)
- Generate hero from canonical template (text-LEFT, image-RIGHT, animated bg)
- Remove dead <Header slot=Footer slot= StickyBottomCTA slots (BaseLayout renders defaults)
- Remove dead data-price-button when id="pricelist" missing (auto-detect hides it)
- Drop legacy justify-center/max-w-md workarounds; use canonical classes
- Apply consistent TEXT-LEFT order across all product heroes
- Drop unused mobile-only sections in ตู้ดับเพลิง (page now follows template)
- Add overflow-x-clip on header/footer (submenu overflow fix)
- Add .submenu-anchor class for submenu positioning

Verified: 9 pages render with valid HTML, TEXT-LEFT, correct features, no dead links.
2026-06-10 08:16:06 +07:00
hermes
b34f8fc2fb feat(blog): Phase 5 SEO/GEO content with 5 new blog posts
Add 5 long-form Thai blog posts (1,200-2,500 words each) with SEO + GEO
optimization for the dealplustech water-systems site. Each post targets
a specific audience (contractors, engineers, project managers) and
follows a content-quality workflow: source real product specs, verify
Thai text, dedupe images, link back to product pages.

## New blog posts (src/content/blog/)
- thermobreak-guide.md (Thermobreak closed-cell insulation overview)
- plastic-grilles-guide.md (ABS plastic grilles for HVAC)
- ppr-pipe-guide.md (PPR pipe properties + heat-fusion welding)
- ppr-vs-hdpe-vs-upvc.md (3-way pipe comparison with PE80/PE100)
- thermobreak-series-guide.md (Thermobreak LS vs Solar series)
- 10-things-checklist-pipe-ordering.md (10-point pre-order checklist)

## Removed legacy posts
- pipe-knowledge.md, valve-guide.md, welcome-post.md (orphans)

## Hero images (public/images/blog/)
~20 product photos sourced from manufacturers (Thermobreak, Thai PPR,
thaiconsupply) plus Nano Banana Pro infographics. All resized to
3:2 aspect ratio per user preference. Source folder preserved for
re-derivation.

## Astro layout/SEO work
- src/components/seo/SEO.astro, JsonLd.astro (new SEO components)
- src/layouts/BaseLayout.astro, Layout.astro (OG/Twitter/JSON-LD wiring)
- src/pages/404.astro
- Product pages (8): added #pricelist anchors + schema work
- src/styles/global.css: scroll-padding for sticky-header anchors

## Automation scripts (scripts/)
- build_og_image.py (OG image builder)
- inject_faq_schema.py, inject_product_schema.py (JSON-LD injection)

## Misc
- public/robots.txt, public/images/og/default-og.jpg
- .gitignore: exclude scripts/__pycache__/
2026-06-08 12:45:32 +07:00
Kunthawat Greethong
c8cf03a725 Add EmDash CMS blog + hero standardization + seed fix
- Add EmDash CMS integration with SQLite and local storage
- Add blog collection (seed/seed.json) with 3 sample posts
- Add /บทความ list page and /บทความ/[slug] detail page
- Add blog section to homepage
- Fix reserved field slugs (slug, published_at removed from fields)
- Fix date field mapping (publishedAt camelCase)
- Fix featured image URL for admin-uploaded images (meta.storageKey)
- Standardize all product page hero sections
- Update navigation with 'บทความ' link
- Configure Google OAuth provider
2026-06-01 15:44:02 +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
67c53fa421 Fix broken overflow-hidden pattern in all product pages 2026-05-24 19:37:51 +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
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