CTA section
The closing call to action of a page: centred with two buttons, a card with a picture, or a brand card with the app downloads and a rating.
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
Split card with illustration
EnglishMirroredArabic
DesktopMobile
LTR →
Brand card with app downloads
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add cta-sectionAlso works with shadcn:
npx shadcn@latest add @ritla/cta-section
Arabic and RTL notes
Mirrors
- Buttons run from the right; in the split card the picture sits on the left.
Does not mirror
- The rating stars and the rating figure.