Feature 238 block design & features
Feature238 stacks a compact icon plus eyebrow heading, then a towering two-line headline, centered muted paragraph, and a vertical pair of rounded primary button and subdued text-style demo link whose chevron nudges on hover. Beneath sits a staged trio of overlapping Shadcn card frames styled like browser shells with faux window dots and centered logos, lifted by Framer Motion on load and hover on desktop while the rear card hides on small screens.
Background stays default with strong contrast on the hero title. Cards mix muted chrome on the outer frames with one dark inner face for contrast. Buttons use thick rounded rectangles and soft outer glow on the primary control. Motion eases vertical travel for the fan of cards, creating depth without continuous loops.
Bold product-launch energy with a component-library story. Moderate to elaborate complexity from Motion timing, stacked cards, and dual CTAs. The faux browser stack is the memorable hook compared with flat mockups.
Mobile keeps the typographic stack and CTAs; the layered preview collapses to fewer visible cards so the section still fits typical phone heights.
