Description of the Download 7 block design & features
Download7 is a single marketing section built with Shadcn UI for the badge and paired with tall phone frame components below the fold. The top stacks a small outline “Get Started” badge over a very large, center-aligned headline. Under that, two store badge images sit side by side on larger widths and stack on small screens. The lower half is a row of three phone mockups with staggered heights and responsive visibility so outer frames hide until there is enough width.
The container uses a bottom border to anchor the block. Typography is headline-heavy with tight line balance on the title. Store badges are simple image links without extra chrome. The phone column uses flex alignment from the bottom so the center device reads tallest and the side devices read as supporting depth.
Overall this is a bold, app-marketing style layout with more visual weight than a text-only download strip. The stacked devices are the distinctive element; without them it would be a standard CTA plus store links. Expect to swap headline copy, badge text, store artwork, and screen images inside the frames.
Section padding is tall and the bottom row of phones can clip vertically on short viewports because of fixed height bands on the mockups.