Contact section
How to get in touch: email, phone and office beside a message form, three contact cards, or the details beside a map.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Examples
Contact cards
EnglishMirroredArabic
DesktopMobile
LTR →
Split with map
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add contact-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/contact-section
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- Details start on the right with their icons; the form and map sit on the left.
Does not mirror
- Phone numbers and email addresses read left to right, including the email field.
- Mixed-direction text
- Mark phone numbers and emails with
ltrso the plus sign and the @ stay in place.