Gallery 19 block design & features
The block wraps a Swiper carousel in a Framer Motion container that fades and slides in on mount. The slider uses the cards effect with autoplay and looping, displaying portrait images at 260 by 340 pixels with rounded-3xl corners. Each slide layers a bottom-to-top black gradient over the image, then positions a text block at the bottom containing a name split into regular and italic spans, a short description in muted white, and a round shadcn/ui Button linking out. Clickable pagination dots sit below the card stack.
The gradient overlay runs from 80% black at the bottom to transparent, ensuring the white text and button remain legible against any image. The name typography mixes a standard weight first name with a Playfair-italic last name for a fashion-editorial split. Custom CSS positions the pagination 40px below the card and colors the active bullet with the primary theme token.
The mood is intimate and portrait-driven, combining the tactile card-stack animation with dark overlay typography. The entrance animation adds a subtle upward fade that sets the initial impression before the autoplay takes over.