- 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
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
Typed content model
Articles and shared data use one bilingual shape across the codebase, so both languages always travel together.
Type-safe content
Shared layout shells
Page, section and legal shells standardise structure, while route transitions and smooth scrolling give navigation an app-like feel.
Consistent layout
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
Translation context
A provider exposes the translation function; French and English dictionaries hold every string, and the chosen language is restored on load.
Typed content
Articles migrated from WordPress are typed blocks carrying both languages, rendered in the active one.
Shell composition
Pages are composed from shared shells with route transitions, keeping some 25 routes visually consistent.
Inside the project
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
