FPX Contracting delivers world-class construction across the region — residential, commercial, infrastructure, hospitality. We shipped the digital presence to match: a Next.js 16 marketing site with a custom page builder so their team edits every section in three languages, plus an image pipeline and auth-gated admin.
FPX Contracting has been building since 1999. 1.64 million m² of built-up area delivered. 850+ buildings. Eleven cities across four countries. The work was real.
The marketing surface, less so. And the team that needed to edit it didn't have engineering hands available every time copy changed in English, Turkish, or Arabic — so it didn't change.
Construction-photography-driven layout. Bold typographic hero. None of the template-y SaaS feel — this firm builds palaces and infrastructure, not subscription software.
Marketing team needed to edit every page section — hero slides, project portfolios, partner lists, contact details — without touching code or pulling an engineer in.
English, Turkish, and Arabic — Arabic with proper right-to-left layout, the right font, and editorial workflows that treated each locale as first-class, not a bolt-on translation pass.
Every marketing page decomposes into typed sections via a defineSection() registry. Admins edit one section at a time; TypeScript catches every shape mismatch at build, not in production.
Thirteen admin client components map 1:1 to the section types. Edit a hero slide, project entry, partner card, contact field — it lands in Postgres and renders on the next request.
Language stored in a cookie, resolved server-side in the route group layout, passed down to every section. RTL flips via dir on <html> with Cairo font auto-loaded for Arabic.
Multi-megabyte JPEGs become WebPs on upload, served via a custom /uploads/[...path] route. Hero slides, projects, partner logos — performance-first by default, no manual optimization step.
Home, About, Expertise, Partnerships, Projects, Contact — same composition system, different section registries. Per-section Suspense boundaries with skeletons matching real dimensions, so the page never collapses mid-load.
CRUD surfaces for projects, partners, hero slides, and messages. Each marketing section is editable directly, with Google Translate v2 wired into the builder for auto-translation across English, Turkish, and Arabic.
Cookie-based locale resolution server-side. Barlow and Barlow Condensed for Latin scripts. Cairo loaded automatically for Arabic with document direction flipped. Eleven deployment cities visualized on an interactive globe.
A construction firm with 27 years of building real things now has a digital presence that matches the work — bold, image-rich, fast, and fully under their team's editorial control.
Six marketing pages. Three languages. One admin surface. Live.
If your business has its own logic — multi-region, multi-language, image-heavy, editorially complex — we ship the software that captures it. Senior team. Milestone-gated. You own the code.
Book a 15-min demoFirst call is 15 minutes. We'll tell you whether what you need fits a 2-week wedge, a 6-week flagship build, or neither.