Marn

Goals

Marn’s marketing site had grown on WordPress, with WPML carrying the Arabic translations. Over time the pages drifted apart — each one assembled by hand — so layouts were inconsistent, the Arabic and English versions fell out of sync, and the plugin stack made the site slow to render and awkward to extend.

The brief was to rebuild it on a single content model: Arabic-first, fast, and editable end to end by the marketing team. Every page type — solutions, integrations, the marketplace, the blog — had to come out of one shared system rather than a folder of bespoke templates.

Approach

I mapped the IA down to a handful of repeating patterns and built the site as a block-based layout builder in Payload: around twenty blocks (hero, features, pricing, FAQ, logos, testimonials, marketplace, forms, and more) that compose every page. The ten solution pages all run on one template, distinguished only by an accent color, an illustration, and CMS copy — Cashier in blue, Analytics in purple, and so on.

Content is Arabic-first. A Payload translator plugin uses the AI SDK with Google Gemini to draft the English mirror from the Arabic source, so editors review a translation instead of writing one twice, and next-intl flips the whole layout between RTL and LTR per locale. Integrations, customers, testimonials, and logos live in their own collections, the marketplace is a filterable directory backed by those records, and the contact forms run through the form-builder plugin. On top of that form-builder I wrote a custom plugin that integrates HubSpot: it pulls form definitions straight from HubSpot and renders them with the site’s own components rather than HubSpot’s embed — so the forms inherit the design system and RTL behaviour — then posts submissions back to HubSpot to create contacts while persisting the same data to Payload. The forms also save as the visitor types, so a half-finished entry is kept and restored when they come back instead of starting over. The site ships to Cloudflare Workers via OpenNext, with media in R2.

Result

The site now runs entirely off Payload — no WordPress, no WPML — with one block library behind every page and both languages maintained from a single source. The marketing team publishes solution pages, marketplace apps, integrations, and posts on their own, and the Arabic and English versions stay in step because one is drafted from the other rather than maintained separately.