Marketing landing: full WorkClaw-structure clone with ship-crew copy
Rebuilt the public landing to mirror WorkClaw's complete section layout (verified against tools/wc-capture/out/shots/marketing.png), with original "clawmates crew on a ship" copy and captured WorkClaw art wired as swappable placeholders. Sections (top to bottom): sticky pill nav (dark Get-started CTA) · hero (dual CTA + trust row + crew banner) · crew strip · positioning headline + four trait badges · One-click setup (periwinkle panel) · Works where you do · Always on watch (dark panel) · Your work, your way (3 skill tiles) · Safety built into the hull (security columns) · FAQ on the blue field · Build your AI crew CTA on the dotted field · dark footer. - No SOC 2 / compliance claims (p7-marketing enforces this); honesty kept by replacing WorkClaw's customer-logo marquee with our own crew strip. - A11y: AA contrast fixes — text-xl coral CTAs (large-text bar), darker coral-strong accent on periwinkle, deeper FAQ blue for white text. - New tokens: marketing-blue, marketing-coral-strong. - visual.spec marketing test scrolls + waits for lazy art before the shot; regenerated the marketing baseline. (Deepest <img> — the security art — renders for users but is blank only in Playwright's full-page capture.) - Vendored the captured WorkClaw asset bundle under public/images/. Built, typechecked, linted, p7-marketing + @visual green, deployed via Compose and verified live on :3000. Co-Authored-By: Claude Opus 4.8 <[email protected]>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
02456dfdc3
commit
3b699f2e98
@@ -0,0 +1,17 @@
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2393_1445)">
|
||||
<path d="M4.69809 12.4228C4.69809 13.4884 3.83758 14.3496 2.77288 14.3496C1.70817 14.3496 0.847656 13.4884 0.847656 12.4228C0.847656 11.3573 1.70817 10.4961 2.77288 10.4961H4.69809V12.4228Z" fill="#E01E5A"/>
|
||||
<path d="M5.66113 12.4228C5.66113 11.3573 6.52165 10.4961 7.58635 10.4961C8.65106 10.4961 9.51157 11.3573 9.51157 12.4228V17.2397C9.51157 18.3053 8.65106 19.1665 7.58635 19.1665C6.52165 19.1665 5.66113 18.3053 5.66113 17.2397V12.4228Z" fill="#E01E5A"/>
|
||||
<path d="M7.58537 4.68553C6.52067 4.68553 5.66016 3.82434 5.66016 2.75878C5.66016 1.69323 6.52067 0.832031 7.58537 0.832031C8.65008 0.832031 9.51059 1.69323 9.51059 2.75878V4.68553H7.58537Z" fill="#36C5F0"/>
|
||||
<path d="M7.58586 5.66406C8.65056 5.66406 9.51108 6.52526 9.51108 7.59081C9.51108 8.65637 8.65056 9.51757 7.58586 9.51757H2.75823C1.69352 9.51757 0.833008 8.65637 0.833008 7.59081C0.833008 6.52526 1.69352 5.66406 2.75823 5.66406H7.58586Z" fill="#36C5F0"/>
|
||||
<path d="M15.3018 7.59081C15.3018 6.52526 16.1623 5.66406 17.227 5.66406C18.2917 5.66406 19.1522 6.52526 19.1522 7.59081C19.1522 8.65637 18.2917 9.51757 17.227 9.51757H15.3018V7.59081Z" fill="#2EB67D"/>
|
||||
<path d="M14.3387 7.59026C14.3387 8.65581 13.4782 9.51701 12.4135 9.51701C11.3488 9.51701 10.4883 8.65581 10.4883 7.59026V2.75878C10.4883 1.69323 11.3488 0.832031 12.4135 0.832031C13.4782 0.832031 14.3387 1.69323 14.3387 2.75878V7.59026Z" fill="#2EB67D"/>
|
||||
<path d="M12.4135 15.3125C13.4782 15.3125 14.3387 16.1737 14.3387 17.2393C14.3387 18.3048 13.4782 19.166 12.4135 19.166C11.3488 19.166 10.4883 18.3048 10.4883 17.2393V15.3125H12.4135Z" fill="#ECB22E"/>
|
||||
<path d="M12.4135 14.3496C11.3488 14.3496 10.4883 13.4884 10.4883 12.4228C10.4883 11.3573 11.3488 10.4961 12.4135 10.4961H17.2411C18.3058 10.4961 19.1664 11.3573 19.1664 12.4228C19.1664 13.4884 18.3058 14.3496 17.2411 14.3496H12.4135Z" fill="#ECB22E"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2393_1445">
|
||||
<rect width="20" height="20" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
Reference in New Issue
Block a user