feat: introduction blog post + landing page mobile fixes

[vandetho]

Summary

• Adds a new blog post at /blog/symflowbuilder-design-symfony-workflows-visually — a shareable introduction to SymFlowBuilder that can also be copied to Medium and SupportDock.
• Fixes mobile responsiveness on the landing page: hero glow no longer triggers horizontal scroll, hero/final-CTA buttons stack on narrow screens, HeroGraph height scales by breakpoint, and body gets overflow-x: clip as a safety net (clip, not hidden, to preserve the sticky navbar).

Changes

Blog post (lib/data/blog-posts.ts)

• New entry: symflowbuilder-design-symfony-workflows-visually, dated 2026-04-20, tagged announcement, symfony, workflow, editor.
• Covers the problem, the feature set, a worked order-workflow YAML example, the simulator, the standalone symflow engine, the stack, and a CTA.

Landing page responsiveness

• app/page.tsx:118 — hero glow overlay now w-[min(600px,100vw)] instead of fixed w-150 (600px).
• app/page.tsx:149 and app/page.tsx:471 — hero and final-section CTAs use flex-col sm:flex-row with full-width buttons below sm.
• components/landing/HeroGraph.tsx — canvas height scales 320 → 420 → 540px across sm/lg breakpoints.
• app/globals.css:60 — overflow-x: clip on body.

Test plan

• Visit /blog — new post appears at the top (sorted by date).
• Open /blog/symflowbuilder-design-symfony-workflows-visually — renders correctly, internal links work (/editor, /blog/symflow-core-workflow-engine-for-nodejs).
• Load / at 320px / 375px / 414px viewport widths — no horizontal scroll.
• Hero CTAs and final-section CTAs stack vertically and fill width on mobile.
• HeroGraph is appropriately sized at each breakpoint and fitView still works.
• Sticky navbar still sticks on scroll (regression check after overflow-x: clip).

---

Generated by Claude Code