Section 13
Arabic is not a translation pass.
For a product launching in the UAE, right-to-left is an architecture decision taken on day one. Layout mirrors, icons flip, navigation reverses, typography changes, dates gain Hijri, and the AI thinks in Arabic rather than translating from English.
The toggle applies to every section, not just this page.
العربية · RTLMirrored layout, Noto Kufi Arabic, Hijri dates
مساء الخير
عُمير
رحلتك القادمة
بعد ١٠ أيامجورجيا
١٢ – ١٧ مايو · ٢٤ ذو القعدة ١٤٤٧ · مسافران
التحضير ٦٨٪٥ حجوزات
مساعد VOYA
عدّلت اليوم الثالث ليكون أكثر راحة: حمامات كبريتية وتذوّق نبيذ. نقلت رحلة جبل غيرغيتي إلى اليوم الرابع.
اليوم الثالث
٠٩:٣٠حمامات أبانوتوباني الكبريتية
١٣:٠٠غداء في مطعم بربارستون
١٦:٣٠تذوّق نبيذ في كاخيتي
إرشادات محلية
أقرب مسجد: مسجد تبليسي الجامع — ١٫٢ كم · مطاعم حلال قريبة: ٧
الرئيسيةالمحادثةرحلاتياستكشفحسابي
ARABIC
English · LTRSame components, same data, mirrored
Good evening
Umair
Your next trip
In 10 daysGeorgia
12–17 May · 24 Dhul-Qi'dah 1447 · 2 travellers
68% ready5 bookings
VOYA concierge
I made Day 3 relaxed: sulphur baths and a wine tasting. The Gergeti hike moved to Day 4.
Day 3
09:30Abanotubani sulphur baths
13:00Lunch at Barbarestan
16:30Kakheti wine tasting
Local guidance
Nearest mosque: Tbilisi Jumah Mosque — 1.2 km · Halal restaurants nearby: 7
HomeChatTripsExploreProfile
ENGLISH
What actually mirrors
✓Layout direction and flex order
✓Navigation and back gestures
✓Directional icons (arrows, chevrons)
✓Progress bars and sliders
✓Chat bubble alignment
✓Form labels and validation
✓Charts and timelines
✓Swipe actions on list rows
What does not mirror
·Numerals in prices (AED 1,860 stays LTR)
·Times and flight codes
·Booking references
·Media playback controls
·Brand mark
·Map orientation
Bidirectional text handling matters: a mixed Arabic-and-numerals string must not scramble.
Beyond layout
TypographyNoto Kufi Arabic · adjusted line height
DatesGregorian + Hijri
CalendarWeekend defaults to Sat–Sun (UAE)
AI languageNative Arabic generation, incl. Gulf dialect input
VoiceArabic speech recognition
ContentGuides authored in Arabic, not machine-translated
NotificationsSent in the traveller's chosen language
Implementation note
Every layout in this build uses logical properties — start and end rather than left and right — so direction is a single attribute at the root, not a second stylesheet. Retro-fitting RTL into a product built left-to-right typically costs weeks and leaves visual debt in every screen. Building it in from the first component costs almost nothing.
dir attribute at rootmargin-inline-startpadding-inline-endtext-align: startflex-direction inheritsno hard-coded left/right