Skip to main content
  • 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

  1. 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

  2. A public legal directory

    A dedicated page summarises essential Moroccan laws in plain language, each linked to its official source.

    Civic value

  3. Visible in every language

    A reusable SEO component sets metadata page by page, keeping the firm discoverable in all three languages.

    Search

  4. 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

  1. Curated laws

    The directory lists key Moroccan laws (Labour Code, Family Code, data protection 09-08, the Constitution) with short explanations.

  2. Official references

    Each entry links to its official source, so readers can check the full legal text.

  3. Trilingual delivery

    The directory and the rest of the site are served in French, English or Arabic, with Arabic set right to left.

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

Your project could be the next system we build.