Gallery 27 - Team member carousel

Pro

Looping team carousel with portrait photos, names, and roles, navigated by square previous and next buttons.

Vue
Shadcn Gallery 27 block

Component Data

  • ID:gallery27
  • Access:pro
  • Created:May 4, 2025
  • Type:block

Gallery 27 block design & features

The block opens with a large heading and a muted paragraph, followed by a Shadcn UI Carousel set to loop. Navigation arrows sit in the top-right corner above the carousel track, rendered as square buttons with the default variant. Each slide shows a tall portrait photograph, a name, and a role designation.

Slides display at half-width on medium screens and quarter-width on large screens, keeping multiple team members visible at once. The images lift upward on hover with a short translate transition, adding a subtle interactive cue without any complex animation. Typography stays clean with a semibold name and a muted-foreground role line.

The presentation is straightforward and personnel-focused, prioritizing clear headshots and readable text over decorative flourishes. It reads as a standard team roster layout with minimal ornamentation.