## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Full page: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ledger-com/abaab959-f9d6-43c3-8f0c-09f584ac8799-1789146801441-full.webp
- Above the fold: https://kage-design-assets.t3.tigrisfiles.io/screenshots/ledger-com/abaab959-f9d6-43c3-8f0c-09f584ac8799-1789146798481.webp
- Design on Kage: https://kage.design/designs/ledger-landing-page

Build a dark, cinematic landing page for a hardware security product (crypto wallets) in the style of Ledger's homepage.

Layout, top to bottom:
1. Announcement bar (two stacked lines, tiny gray text on darker gray, with 'Learn more' links) above a slim black sticky nav: bracket-styled wordmark left, center links (Products, Wallet, Learn, For Business, For Developers, Support), right side (language selector, cart icon).
2. Hero: left column with a small purple gradient pill eyebrow, huge white two-line headline ('Go beyond exchanges and software wallets' style), small gray subcopy, an orange rounded primary CTA plus a text-link CTA, and beneath it a slim horizontal trust strip separated by vertical dividers (20%+ global crypto secured / 8+ million signers sold / zero hacks / available in 700+ stores). Right: large product render on a purple gradient card with rounded corners.
3. Three-up feature row separated by thin vertical dividers, each with a small icon + bold title + short gray body ('More clarity / More choice / More control').
4. Full-width cinematic banner card with a 3D bitcoin render and dark tech backdrop: 'Not sure where to start?' with two pill buttons under small bold subheads ('I'm new to crypto', 'I'm an active trader').
5. Section 'Your phone alone isn't secure': big white headline, one-line gray subcopy, outlined pill CTA right-aligned. Below, a bordered 4-column product comparison grid; each card has a corner-tick border treatment, product image, name, small purple gradient pill spec (e.g. '3.7" curved screen'), 1–2 lines of gray copy, star rating, and 'Learn more →' link. One card carries a 'NEW' badge.
6. Full-width dark banner: cashback/crypto card offer with image right and outlined pill CTA left.
7. Sparse section 'Manage 15,000+ crypto daily' with one-line subcopy and a single row of colourful circular crypto coin logos on pure black.
8. Text-led section 'Make informed decisions': large headline, 3-line gray body, outlined pill CTA.
9. Testimonial carousel 'Countless happy customers' with prev/next circle buttons top right; quote cards with long gray quotes, avatar + name + handle.
10. FAQ: two columns — left a bordered accordion list of questions, right static explanatory text of the open item.
11. Closing CTA on black: huge two-line headline in purple gradient, centered, above one white pill CTA.
12. Newsletter section: 'Stay in touch' left with social icons, 'Subscribe to our newsletter' right with email input and orange button; then a dense 4-column footer (Products, Business, Developers, Legal, Careers) plus legal fine print, payment method icons, partner logos and language selector.

Design language: pure #000 background, white 32–64px headlines, #9ca3af small body text (14–16px), orange (#f60) primary buttons with fully rounded corners, thin #222 borders, purple (#7b61ff) gradient accents for eyebrows/badges/gradient text, generous vertical rhythm (~120px between sections). Use Inter or similar grotesque sans. All assets as neutral product-render placeholders with purple gradient backdrops. Responsive: product grid stacks to 1 column, dividers become horizontal, nav collapses to burger.