feat(docs): add OpenClaw OS landing page#490
Merged
zahlekhan merged 3 commits intothesysdev:mainfrom May 7, 2026
Merged
Conversation
Adds a dedicated /Openclaw-OS marketing page reusing the home page section
primitives, plus the supporting changes to make those primitives shareable.
- New Openclaw-OS route with custom hero copy, mobile hero, and tightened
contentShell spacing.
- New StuckInChatSection ("Is your agent still stuck in Telegram?") with
three negative cards and a copy-to-install CTA.
- HeroSection: optional tagline (with compact variant), GitHub-banner toggle,
mobile preview image override + crop-from-top, install pill toast on copy
(slides under the button, auto-dismiss at 1.8s, subtle gray pill).
- FeaturesSection: parameterized with a `features` prop; default keeps the
original 7-item home list, OPENCLAW_FEATURES export drives the new 6-item
list. CTA toggle.
- PossibilitiesSection: optional `title`, `tagline`, `cards` props with
placeholder support (gray box + custom title); hover lift kept on desktop
only.
- FeatureList: icons accept any ReactNode (Phosphor on the OpenClaw page).
- Button: ClipboardCommandButton now exposes `onCopyChange` and falls back
to `document.execCommand('copy')` when the async clipboard API rejects.
- SiteMarketingHeader: mirror the desktop NEW badge in the mobile menu.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Add 4 real screenshot images for the OpenClaw OS Possibilities cards
(business-health, engineering-board, marketing-dashboard, stocks-tracker).
- Add `titlePrefix` field to the Possibilities card prop so titles can
render a gray first line ("An app to") followed by a black second line
describing the use case.
- Replace placeholder cards on /Openclaw-OS with the real images and
conversational copy: track company sales / monitor sprint progress /
observe social media / track stock market.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Bumps the OpenClaw OS hero preview image to 118% width with negative inline margins so it overflows the frame symmetrically; the existing overflow:hidden on .previewSection crops the bleed. Home page hero is unaffected since it doesn't set widePreview. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
zahlekhan
approved these changes
May 6, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a dedicated
/Openclaw-OSmarketing page that reuses the home page section primitives, plus the supporting changes to make those primitives shareable. Home page output is unchanged — defaults preserve the original copy and behavior.New on this page
title/tagline/cards. Currently shows 4 placeholder cards ("To be Added") with gray boxes — replace with real images later.Shared component changes (defaults preserve home page)
HeroSection— added optional props:tagline,taglineCompact,showGitHubBanner,mobilePreviewImage*,mobilePreviewImageCropTopPercent. NpmButton wrapped in a positioning container so the new copy toast can anchor under it.FeaturesSection— addedfeaturesandshowCtaprops;OPENCLAW_FEATURESexported alongside the original list (default).PossibilitiesSection— addedtitle,tagline,cardsprops; cards render a gray placeholder when noimageis provided. Hover lift retained on desktop, removed on mobile/touch.FeatureList— items now takeicon: ReactNodeinstead of an SVG path string, so any icon library (Phosphor here) can plug in.Button(ClipboardCommandButton) — exposesonCopyChange; falls back todocument.execCommand('copy')when the async clipboard API rejects (preview iframes, focus-locked contexts, etc.); copy-feedback duration tightened to 1.8s and re-clicks within the window now re-trigger.SiteMarketingHeader— mirrors the desktop NEW badge in the mobile menu.Other
@phosphor-icons/react.OpenclawOS-hero.png,openclaw-os-mobile-hero.png,openclaw-dark.svg.contentShellTightmodifier.Test plan
/Openclaw-OS— verify hero, possibilities placeholders, features list, "stuck in Telegram" section, and footer render in order without the gradient bars between them./(home page) — verify the original 7-item features list, "Endless possibilities. Built in realtime." heading, hover lift on the 4 possibility cards (desktop only), and the desktop install pill render unchanged.pnpm types:checkandpnpm lintindocs/.🤖 Generated with Claude Code