fix(landing): stabilize platform preview motion

[waleedlatif1]

Summary

• replaces the ResizeObserver-driven CSS scale around live landing previews with a stable SVG viewBox
• keeps workflow blocks and connectors in one fixed coordinate system so edge drawing cannot shift existing nodes
• isolates the shared sidebar from animated repaint work across homepage, product, enterprise, and solutions heroes

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation
• Other: ___________

Testing

• visually verified the animation phases at 1440px, 1024px, and 390px
• verified all 13 landing routes that use the shared platform preview
• bun run type-check
• bun run lint:check
• bun run apps/sim/scripts/check-block-registry.ts cba03579862549a0e70892fa06a392f12c6ff6ca
• bun run check:audits (33/33 passed)

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

Screenshots/Videos

• visual behavior verified locally across desktop, tablet, and mobile breakpoints

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Aug 26, 2026 5:19pm

[greptile-apps]

Greptile Summary

The PR replaces ResizeObserver-driven CSS scaling with fixed SVG viewBox coordinate systems for shared landing-page previews and workflow stages.

• Keeps workflow blocks and connectors in one coordinate space.
• Moves shared design dimensions and reset timing into platform-loop constants.
• Isolates the sidebar from animated preview repaint work.

Confidence Score: 5/5

The PR appears safe to merge, with no concrete blocking or independently actionable non-blocking defects identified.

The new viewBox geometry matches the existing preview aspect ratio, workflow blocks and connectors use shared dimensions, and all reset-duration imports were consistently migrated to the new constants module.

Important Files Changed

Filename	Overview
apps/sim/app/(landing)/components/shared/hero-loop-shell/hero-loop-shell.tsx	Replaces responsive CSS-transform scaling with a fixed 1280x735 SVG viewBox containing the sidebar and workspace.
apps/sim/app/(landing)/components/hero/components/hero-platform-loop/hero-workflow-stage.tsx	Moves workflow edges and block cards into one stable SVG coordinate system while preserving build and selection transitions.
apps/sim/app/(landing)/components/shared/platform-loop-constants.ts	Centralizes the landing-preview design dimensions and animation reset fade duration.
apps/sim/app/(landing)/enterprise/components/enterprise-platform-loop/enterprise-sidebar.tsx	Adds paint isolation and transform compositing hints to the shared preview sidebar.
apps/sim/app/(landing)/hooks/use-design-scale.ts	Removes the obsolete ResizeObserver-based design-scale hook after all consumers migrate to SVG scaling.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Frame[Landing preview frame] --> Shell[HeroLoopShell SVG viewBox]
  Shell --> Sidebar[Enterprise sidebar]
  Shell --> Workspace[Animated workspace]
  Workspace --> Stage[Workflow-stage SVG viewBox]
  Stage --> Edges[Connector paths]
  Stage --> Blocks[Block foreignObjects]

Loading

_{Reviews (1): Last reviewed commit: "fix(landing): stabilize platform preview..." | Re-trigger Greptile}

[cubic-dev-ai]

No issues found across 11 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}