Bilingual Arabic and English clinic booking with right-to-left layout

Al Noor Clinics runs six clinics in Dubai. Most patients prefer Arabic, but the booking site is English-only, so staff book many appointments by phone instead. A contractor tried to add Arabic by copying the whole site and translating the text, and now the two versions drift apart: a slot added in English never appears in Arabic, and the Arabic version still reads left-to-right, so the layout looks broken.

The clinics handle about 2,500 bookings a month across general practice, dentistry and physiotherapy. They want one booking app that switches cleanly between Arabic and English, lays out right-to-left when Arabic is chosen, formats dates and numbers correctly for each language, and keeps all appointment data in one place so nothing drifts.

You will build the booking flow: choose a clinic and a service, pick a free slot, enter patient details and confirm. Every screen has to work in both languages from one codebase, with text pulled from translation files, not hard-coded. When Arabic is selected the whole layout mirrors, so navigation, form fields and the calendar flow right-to-left. Dates, times and numbers follow each language's conventions. You will seed clinics, services and slots so the flow is real. Done looks like a patient completing a booking end to end in Arabic with a correct right-to-left layout, the same flow working in English from the same code, and a language switch that never loses the patient's place. The clinics sign off when a native Arabic reader can book without anything looking foreign or reversed.