improvement(landing): show real app integrations in the hero workflow stage

[andresdjasso]

What

The hero's right-pane workflow — the flow the chat "builds" — now leads with real third-party integration marks instead of generic blocks.

Before: Start → Enrich lead → Score fit → Post to #sales (Slack) / Save to Tables. Only one real app mark (Slack).

After: New HubSpot lead → Enrich lead (Claude · Qualify vs ICP · Sales playbook) → Score fit → Post to #sales (Slack) / Send intro (Gmail). Four brand marks — HubSpot, Anthropic, Slack, Gmail — plus real row values instead of - placeholders.

Notes

• Same four-level footprint (STAGE_CANVAS and every x/y/height unchanged), so it fits the right pane with no scaling change — verified live at 1080×620.
• Data-only change to stage-data.ts; the stage renderer (hero-workflow-stage.tsx) is untouched and still iterates STAGE_BLOCKS/STAGE_EDGES generically.
• Still coherent with the chat copy ("enriches each new signup… scores it… posts a summary to #sales in Slack"); the Gmail intro is an extra terminal, as Tables was before.
• Follows the landing convention: brand color only on real third-party tiles (HubSpot #FF7A59, Slack #611F69, Gmail white-tile brand glyph); the Agent and Code blocks keep the platform grey ramp.

Branched off the latest staging after #5408 merged.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Jul 8, 2026 1:16pm

[cursor]

PR Summary

Low Risk
Landing-only static demo data in one file; no runtime, auth, or API behavior changes.

Overview
The hero right-pane demo workflow in stage-data.ts is retargeted from a generic Start → … → Tables story to a lead pipeline that showcases real integrations: HubSpot triggers Enrich lead (Claude via valueIcon, ICP instructions, Sales playbook), Score fit with concrete row values, then fans out to Slack and Gmail instead of Tables.

STAGE_EDGES and block ids are updated to match (hubspot → enrich → score → slack / gmail). Brand tiles use HubSpot orange, Slack purple, and Gmail’s white tile with tileBorder; layout coordinates and STAGE_CANVAS stay the same so the stage renderer needs no changes.

^{Reviewed by Cursor Bugbot for commit 81abb8a. Bugbot is set up for automated code reviews on this repo. Configure here.}

[greptile-apps]

Greptile Summary

This PR updates the hero workflow stage data to showcase real third-party integrations — replacing the generic Start and Save to Tables blocks with branded HubSpot (trigger) and Gmail (terminal) tiles, and populating agent/code rows with meaningful values instead of - placeholders.

• The trigger block changes from a plain StartIcon to HubspotIcon (#FF7A59), and the second terminal changes from TableIcon to GmailIcon with tileBorder: true, exactly matching the pattern already used by the Jira block in workflow-data.ts.
• STAGE_EDGES IDs are correctly updated from ['start', 'enrich'] / ['score', 'tables'] to ['hubspot', 'enrich'] / ['score', 'gmail']; all four referenced icons (HubspotIcon, GmailIcon, AnthropicIcon, SlackIcon) are exported from @/components/icons.
• STAGE_CANVAS dimensions (560×700) and all block x/y coordinates are untouched, so the layout requires no renderer changes.

Confidence Score: 5/5

Safe to merge — this is a pure data update to a single landing page configuration file with no logic changes.

All touched properties (tileBorder, valueIcon, brand color strings) are well-established fields already in use elsewhere in the same codebase. The referenced icons are confirmed to exist. The STAGE_EDGES source/target IDs are correctly kept in sync with the renamed block IDs. Canvas geometry is unchanged, so no visual regression risk from layout shifts. The renderer is untouched.

No files require special attention.

Important Files Changed

Filename	Overview
apps/sim/app/(landing)/components/hero/components/hero-platform-loop/stage-data.ts	Data-only update replacing the generic Start/Tables blocks with branded HubSpot and Gmail integrations; all referenced icons exist, STAGE_EDGES IDs match updated block IDs, tileBorder is a pre-existing supported property, and STAGE_CANVAS dimensions are unchanged.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A["New HubSpot lead\n(Trigger)\nEvent: New contact"] --> B["Enrich lead\n(Agent)\nModel: Claude\nInstructions: Qualify vs ICP\nKnowledge: Sales playbook"]
    B --> C["Score fit\n(Code)\nCode: score.ts\nTimeout: 30s"]
    C --> D["Post to #sales\n(Slack)\nChannel: #sales\nMessage: Summary"]
    C --> E["Send intro\n(Gmail)\nTo: lead.email\nSubject: Welcome"]

    style A fill:#FF7A59,color:#fff
    style D fill:#611F69,color:#fff
    style E fill:#fff,color:#000,stroke:#ccc

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A["New HubSpot lead\n(Trigger)\nEvent: New contact"] --> B["Enrich lead\n(Agent)\nModel: Claude\nInstructions: Qualify vs ICP\nKnowledge: Sales playbook"]
    B --> C["Score fit\n(Code)\nCode: score.ts\nTimeout: 30s"]
    C --> D["Post to #sales\n(Slack)\nChannel: #sales\nMessage: Summary"]
    C --> E["Send intro\n(Gmail)\nTo: lead.email\nSubject: Welcome"]

    style A fill:#FF7A59,color:#fff
    style D fill:#611F69,color:#fff
    style E fill:#fff,color:#000,stroke:#ccc

Loading

_{Reviews (1): Last reviewed commit: "improvement(landing): show real app inte..." | Re-trigger Greptile}

[andresdjasso]

Closing — this workflow change was only made to generate a social/marketing asset (transparent hero PNG), not intended to land. Reverting; no code change needed.