Developer tool landing with terminal hero

Build a marketing landing page for a developer tool — a CLI called Driftwood that snapshots database schemas.

The hero is not an image. It is a terminal block: a dark rounded panel with three small circles in the title bar, a monospace command prompt, and four lines of realistic output including a green success line and a dimmed timing line. Above it, a headline of at most 8 words and one sentence of subhead. Below it, a single install command in a bordered row with a copy button on the right.

Design tokens: page #08090C, panel #101218, border #1E2230, text #E6E8EF, dim text #7C8496, accent #4ADE80 used only for success states and one link hover. Radius 12px panels, 6px inputs.

Type: monospace for every command, output line, label and version number. A clean sans for prose only. Never set body prose in monospace.

Sections: hero; a 'works with' row of framework wordmarks in a single muted grey; three feature blocks each pairing a two-sentence explanation with a small code sample; a comparison table against doing it manually; documentation-style footer with four link columns.

Constraints: no hero illustration, no 3D shapes, no gradient text, no animated background. Code samples must contain plausible real syntax, not lorem ipsum. Keep total page weight conceptually light — no more than one image.