- Law firm website
- Legal directory
- Trilingual
Law Firm
- Sector
- Legal
- Delivered as
- Website
- Year
- 2025
- Languages
- FR / EN / AR
“Droit des affaires & Droit international”
(The project)
A trilingual website for a Moroccan law firm with a public-service feature: a Know Your Rights directory of essential Moroccan laws, in French, English and Arabic.
(Context)
A firm site that also serves the public.
Beyond practice areas, team and testimonials, the site offers a directory of essential Moroccan laws (Labour Code, Family Code, data protection law 09-08, the Constitution) explained in plain language with links to official references.
It is a React single-page application fully localised in French, English and right-to-left Arabic, with search metadata on every page and a spam-protected contact form.
(Key figures)
- trilingual
- FR / EN / AR
- Arabic layout
- RTL
- routes
- 4
- metadata on every page
- SEO
The decisions that shaped it
Three languages, one source
i18next serves French, English and Arabic with automatic detection and a right-to-left layout for Arabic; French is the default.
Trilingual
A public legal directory
A dedicated page summarises essential Moroccan laws in plain language, each linked to its official source.
Civic value
Visible in every language
A reusable SEO component sets metadata page by page, keeping the firm discoverable in all three languages.
Search
Shared interaction hooks
Counters, GSAP animations, scroll reveals and the dark theme are encapsulated in reusable hooks.
Shared behaviour
(How it works)
Know Your Rights
Curated laws
The directory lists key Moroccan laws (Labour Code, Family Code, data protection 09-08, the Constitution) with short explanations.
Official references
Each entry links to its official source, so readers can check the full legal text.
Trilingual delivery
The directory and the rest of the site are served in French, English or Arabic, with Arabic set right to left.
Inside the project
Captures of the delivered build, grouped by product. Select one to see it at full size.
Technology
- Front end
- React 18
- Vite 5
- React Router 7
- Tailwind CSS 3
- Languages
- i18next
- react-i18next
- Search
- react-helmet-async
- Motion
- GSAP
- Framer Motion
- Lenis
- Embla
- Forms
- Cloudflare Turnstile
- PHP endpoint
(Next project)
Bigup Center
Education, 2025
