The site runs on MODX with a catalog and hundreds of content pages. The landing looked dated, but a full CMS rebuild would be costly and risky. I delivered a phased update: a new landing and privacy policy on React; the catalog and other sections remain on MODX for now. Leadership had to recognize their brand — two accent colors, burgundy and teal, block structure, client logos — in a modern presentation.
Role: Full-stack developer.
Note: Live on prod since September 2026.
Cases
01
Hybrid architecture
React SPA for the landing and privacy policy only. Catalog and hundreds of legacy pages remain on MODX. Deploy via rsync without touching CMS core — landing updates do not break prod.
02
Video hero
Promo video as the first-screen background: muted autoplay, modal “Watch company video” with sound. Facts panel: founding year, geography, full production cycle.
03
Header and navigation
Sticky header without layout jump. Multi-level menu with hover bridge. Mobile: burger menu and full “Submit request” button.
04
Products block
8 equal-height cards: generators, melting and hardening systems, forging heaters, HF units, custom solutions, inductors, generator replacement.
05
Clients and trust
Infinite logo marquee of major customers. “Client reviews” card links to legacy section with enterprise letters.
06
Contact form
Landing-style modal: request fields, drag-and-drop file upload with preview, consent checkbox. Submits to prod via MODX AjaxForm.
07
SEO and compliance
Canonical, OG image, JSON-LD Organization, alt texts. Dedicated SPA privacy page at `/privacy/`. Glass-style cookie banner.