Feature 283 - Centered CTA with draggable photo orbit

Pro

A tall centered headline, supporting paragraph, and primary button with six photos absolutely positioned around the copy; images are draggable, animate into view on scroll, and blur or scale on hover focus.

Shadcn Feature 283 block

Component Data

  • ID:feature283
  • Access:pro
  • Created:Aug 28, 2025
  • Type:block

Feature 283 block design & features

Feature283 is a hero-scale statement built with Shadcn UI where typography and a single button sit dead center while a ring of photographic tiles orbit that anchor in absolute positions. Supporting copy stays muted under the title, and a rounded primary button carries an icon hint, so the focal path is headline, explanation, action, then peripheral imagery.

Photography uses rounded rectangles, overlapping staging, and motion that fades tiles in as they enter view. Hover focuses one tile by slightly enlarging it while others pick up a light blur, which makes the collage feel interactive instead of static decoration. The overall palette is restrained so the photos supply color.

This is a more theatrical marketing pattern than a sober feature grid: motion, drag, and layering give it a dev-community or launch-event energy. Complexity is high on interaction and layout precision even though the written content is short; you need six coherent images and copy that justifies the busy frame.

Small screens keep the vertical story first; absolutely positioned tiles may crowd or overlap more aggressively, so QA on narrow phone widths matters for tap targets and readability.