Feature 224 - Carousel of photo cards with dual icons

Pro

Centered section title above a horizontal carousel of tall photo cards, each with stacked Lucide icons in a floating pill, eyebrow label text, title, and narrative copy about AI in nature.

Shadcn Feature 224 block

Component Data

  • ID:feature224
  • Access:pro
  • Created:Mar 30, 2025
  • Type:block

Feature 224 block design & features

Feature224 pairs a shadcn/ui carousel with layered photography cards to sell a themed set of capabilities. Each slide is a vertical card whose upper region is a nature photograph with rounded corners, overlaid at the bottom edge by a capsule containing two circular icon chips and a short status-style label. Beneath the imagery, a title and paragraph explain the specific angle for that slide while keeping type sizes distinct.

Color comes mostly from full-bleed imagery while UI chrome stays minimal. Carousel navigation uses previous and next controls centered under the track on wider screens, while compact layouts switch to segmented progress bars spanning the width. Card shadows stay flat to let photos carry depth.

The aesthetic leans premium editorial with an outdoors palette implied by the photography samples. It is more elaborate than a static grid because of carousel state, icon stacks, and labeled pills. You need five cohesive photo backgrounds, paired iconography, label strings, and matching titles plus descriptions for each narrative beat.

Slide density scales by breakpoint so multiple cards peek into view on large screens while phones still swipe one primary card at a time inside the same component.