Footer
The website footer: link columns beside the logo and a newsletter, one centred row of links, or the columns on the brand colour with app badges.
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
Simple centered
EnglishMirroredArabic
DesktopMobile
LTR →
Brand with app downloads
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add footer-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/footer-section
Arabic and RTL notes
Mirrors
- The logo column stands on the right and link columns run from the right; social links sit at the left end of the bottom row.
Does not mirror
- The logo, store badges and social network logos.