Skip to main content
  • Corporate website
  • Bilingual blog
  • Content migration

Moon Assur

Sector
Insurance
Delivered as
  • Website
Year
2026
Languages
FR / EN

“Des solutions d’assurance pour chaque profil”

(The project)

A corporate site of some 25 pages for a credit-insurance consultancy, fully bilingual, with content migrated from a legacy WordPress site into clean, typed modules.

(Context)

A large site that stays consistent.

Moon Assur covers two practice areas, credit insurance and all-lines insurance, across many pages: solutions for companies, individuals and professionals, company pages, a bilingual blog, a client area and complete legal pages.

We rebuilt it on Next.js 16 with a French and English translation layer and a typed content model, reconstructing the copy from the firm’s former WordPress site.

(Key figures)

pages
~25
fully bilingual
FR / EN
content migrated
WordPress
section system
Bento

The decisions that shaped it

  1. One source for two languages

    Every string goes through one translation function backed by French and English dictionaries; the visitor’s choice is remembered between visits.

    Fully bilingual

  2. Typed content model

    Articles and shared data use one bilingual shape across the codebase, so both languages always travel together.

    Type-safe content

  3. Shared layout shells

    Page, section and legal shells standardise structure, while route transitions and smooth scrolling give navigation an app-like feel.

    Consistent layout

  4. A clean WordPress migration

    The legacy content was parsed and rewritten into typed modules instead of being carried over as raw HTML.

    Clean rebuild

(How it works)

Bilingual rendering

  1. Translation context

    A provider exposes the translation function; French and English dictionaries hold every string, and the chosen language is restored on load.

  2. Typed content

    Articles migrated from WordPress are typed blocks carrying both languages, rendered in the active one.

  3. Shell composition

    Pages are composed from shared shells with route transitions, keeping some 25 routes visually consistent.

Captures of the delivered build, grouped by product. Select one to see it at full size.

Technology

Framework
  • Next.js 16
  • App Router
  • TypeScript
Interface
  • React 19
  • Tailwind CSS 4
  • clsx
  • tailwind-merge
Motion
  • GSAP
  • Lenis
Languages
  • React context
  • FR / EN dictionaries

(Next project)

CybrForge

Cybersecurity, 2025

Your project could be the next system we build.