Download 10 block design & features
Download10 opens with a centered marketing headline and a wide muted subhead in large body sizing. Below, a spaced grid on large screens presents three equal-height bordered panels: desktop, mobile, and web extension. Each column pairs a semibold title with short muted description text, then different action treatments.
Desktop stacks two large outline buttons with Mac and Windows icons. Mobile shows helper text and a two-column badge grid linking to store images. Web extension renders three square-ish outline buttons with Chrome, Firefox, and Safari icons and tiny captions.
Built from shadcn/ui Button primitives and react-icons brand marks, the block feels like a launch checklist rather than a single installer card. Copy and targets are fixed in the component source, so it is a visual scaffold until you wire props like the download1 family.
Responsive behavior centers the intro always, switches the outer grid from one column to three at large widths, and keeps each panel max-width constrained for readability on wide monitors.