Pricing 52 block design & features
This section uses Shadcn UI for the title stack and a billing toggle, then a single carousel at every breakpoint with looped slides and autoplay so the set keeps cycling. While you drag or while autoplay runs, each card’s tilt and scale follow scroll position so the tier easing toward the middle physically rotates into place instead of jumping on release. Whatever sits nearest the focal snap picks up the primary border, shadow, and solid button, independent of which tier was marked in source content. A soft horizontal mask feathers the track edges; the centered card stays in the fully opaque band for readable pricing.
Wide viewports show more neighbor peek with rotation; phones feel like a compact swiper. Autoplay pauses while the pointer is over the carousel and stops after you interact so manual control takes over when you need it.
The aesthetic leans promotional and motion-heavy. Complexity comes from scroll-linked transforms plus autoplay on top of looped snapping.