Skip to content

Hero Shop

Get Ritla UI

A store hero: a season tag, the headline, a short pitch and two shop buttons beside a 4:5 lead photo.

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add hero-shop

    Also works with shadcn: npx shadcn@latest add @ritla/hero-shop

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Arabic and RTL notes

Mirrors

  • The text is on the right and the photo on the left; the filled button comes first, on the right.

Does not mirror

  • The photo never mirrors.