Centered Hero With 3D Image Carousel

Hero 273Pro

A centered hero with badge, dual CTAs, member avatars and counts, plus a drag-to-spin 3D ring of images on an animated aurora background.

Shadcn UI Hero Block

Hero273 is a centered single-column hero built with shadcn/ui: badge, large title with italic emphasis, body copy, two buttons, then overlapping circular avatars beside a membership line. Below that, a wide 3D carousel places several portrait images on a ring; dragging horizontally rotates the ring, with momentum decay after release and a short “drag to explore” hint with a move icon. The same aurora gradient treatment as sibling heroes sits behind the section.

Typography is bold for the title with muted supporting text. The carousel uses perspective and duplicated panels so images appear on both sides of the ring. Buttons are standard rounded pills. The draggable overlay spans the carousel region with grab cursor feedback.

The block leans community and lifestyle rather than corporate SaaS, mostly because of the badge label and copy tone. The interactive carousel is the main differentiator and adds real complexity: motion values, drag physics, and many image assets to tune. Expect to replace the image list and avatar sources for production.

The upper block stays readable on narrow viewports; the carousel keeps full width with extra vertical margin on large screens so the ring has room.