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]>
2026-06-13 09:37:45 -05:00
parent 02456dfdc3
commit 3b699f2e98
29 changed files with 1057 additions and 154 deletions
@@ -0,0 +1,8 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M1.66667 15V10C1.66667 9.6125 1.66667 9.41875 1.70926 9.25983C1.82484 8.82842 2.16177 8.4915 2.59314 8.37592C2.7521 8.33333 2.94584 8.33333 3.33333 8.33333C3.72082 8.33333 3.91457 8.33333 4.07352 8.37592C4.50489 8.4915 4.84182 8.82842 4.95741 9.25983C5 9.41875 5 9.6125 5 10V15C5 15.3875 5 15.5812 4.95741 15.7402C4.84182 16.1716 4.50489 16.5085 4.07352 16.6241C3.91457 16.6667 3.72082 16.6667 3.33333 16.6667C2.94584 16.6667 2.7521 16.6667 2.59314 16.6241C2.16177 16.5085 1.82484 16.1716 1.70926 15.7402C1.66667 15.5812 1.66667 15.3875 1.66667 15Z" stroke="var(--stroke-0, #475569)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_2" d="M5 9.16667H6.47371C7.15084 9.16667 7.82092 9.30417 8.44333 9.57092L12.3812 11.2586C12.9588 11.5062 13.3333 12.0742 13.3333 12.7026C13.3333 13.2811 12.8644 13.75 12.2859 13.75H11.7488C11.1441 13.75 10.5448 13.6346 9.98333 13.41L8.75 12.9167" stroke="var(--stroke-0, #475569)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_3" d="M11.6667 13.75H17.1457C17.8017 13.75 18.3333 14.2817 18.3333 14.9376C18.3333 15.4678 17.9818 15.9337 17.472 16.0794L13.1209 17.3226C12.709 17.4402 12.2827 17.5 11.8542 17.5C11.4531 17.5 11.0537 17.4477 10.6662 17.3443L5 15.8333" stroke="var(--stroke-0, #475569)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path id="Vector_4" d="M15 9.16667C16.841 9.16667 18.3333 7.67428 18.3333 5.83333C18.3333 3.99238 16.841 2.5 15 2.5C13.1591 2.5 11.6667 3.99238 11.6667 5.83333C11.6667 7.67428 13.1591 9.16667 15 9.16667Z" stroke="var(--stroke-0, #475569)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>