Download 20 block design & features
Download20 is a two-column mobile app download section built with shadcn/ui and a phone frame mockup. The text column includes an outline mobile-app badge, a large balanced headline, supporting paragraph, a primary download button with soft primary shadow, and a bordered QR card labeled for scanning. The visual column shows a tall phone frame with a dashboard screenshot inside.
Light page background with left-aligned copy on large screens and centered copy on smaller ones. The QR card uses a light bordered surface and only appears from medium breakpoints up. The phone side relies on drop shadow and a dark frame treatment so the screenshot reads as a device preview. Mostly static marketing layout.
Modern and sales-app promotional without feeling overly decorative. Moderate complexity: content-driven copy and CTA plus an image-driven device mockup and QR asset. Distinctive pieces are the scan card and realistic phone chrome rather than a plain badge row.
Stacks to a single column on mobile with text first and the phone below; the QR block hides on smaller screens so the primary button remains the main action.