Omar SobhandClaude Opus 4.8
3b699f2e98
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]>
35 lines
2.3 KiB
XML
35 lines
2.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-35 2 1519 982">
|
|
<g filter="url(#filter0_ng_859_43843)">
|
|
<rect x="-35" y="2" width="1519" height="982" fill="#56B1E9"/>
|
|
</g>
|
|
<defs>
|
|
<filter id="filter0_ng_859_43843" x="-37" y="0" width="1523" height="986" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
|
<feTurbulence type="fractalNoise" baseFrequency="1 1" stitchTiles="stitch" numOctaves="3" result="noise" seed="3208"/>
|
|
<feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/>
|
|
<feComponentTransfer in="alphaNoise" result="coloredNoise1">
|
|
<feFuncA type="discrete" tableValues="0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/>
|
|
</feComponentTransfer>
|
|
<feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/>
|
|
<feComponentTransfer in="alphaNoise" result="coloredNoise2">
|
|
<feFuncA type="discrete" tableValues="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 "/>
|
|
</feComponentTransfer>
|
|
<feComposite operator="in" in2="shape" in="coloredNoise2" result="noise2Clipped"/>
|
|
<feFlood flood-color="rgba(0, 0, 0, 0.25)" result="color1Flood"/>
|
|
<feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/>
|
|
<feFlood flood-color="rgba(255, 255, 255, 0.25)" result="color2Flood"/>
|
|
<feComposite operator="in" in2="noise2Clipped" in="color2Flood" result="color2"/>
|
|
<feMerge result="effect1_noise_859_43843">
|
|
<feMergeNode in="shape"/>
|
|
<feMergeNode in="color1"/>
|
|
<feMergeNode in="color2"/>
|
|
</feMerge>
|
|
<feTurbulence type="fractalNoise" baseFrequency="0.18181818723678589 0.18181818723678589" numOctaves="3" seed="1756"/>
|
|
<feDisplacementMap in="effect1_noise_859_43843" scale="4" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%"/>
|
|
<feMerge result="effect2_texture_859_43843">
|
|
<feMergeNode in="displacedImage"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
</svg> |