feat(marketing): add interactive app preview

[maria-rcks]

What Changed

added an interactive ui replacing the screenshot

Why

i've tried to click the screenshot, people too, so why not give it to them?

UI Changes

before	after

Screen.Recording.2026-04-25.at.6.03.24.PM.mov

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

---

Note

Medium Risk
Moderate risk because it adds a large, custom client-side interactive component (JS-driven menus/state + heavy CSS) on the marketing homepage, which could impact performance, accessibility, or introduce subtle UI bugs, but it is isolated to apps/marketing and doesn’t touch runtime/product logic.

Overview
Replaces the marketing homepage’s static screenshot with a new interactive AppPreview.astro that simulates the app UI (sidebar/projects/threads, conversation timeline, and composer controls).

Adds static fixture data in AppPreview.data.ts to drive multiple threads/turns, and introduces client-side scripting for in-preview interactions (thread switching, collapsible/sortable projects, popover menus for model/effort/access/worktree/branch, scroll-to-bottom, and UI toggles).

Updates homepage styling to treat the preview as the screenshot content and removes the old screenshot-specific mask/reflection/scale styling.

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

Note

Add interactive app preview to the marketing homepage

• Replaces the static screenshot on the marketing homepage with a fully interactive AppPreview component built in AppPreview.astro.
• The component renders a simulated app UI with a project/thread sidebar, conversation timeline (user, assistant, and tool turns with context-aware icons), a composer with model/effort/access controls, and a checkout bar with worktree and branch selectors.
• All interactivity — thread switching, popover menus, project sorting/collapsing, mode toggles, fast mode, and scroll-to-bottom — is handled by a self-contained client-side script with no external dependencies.
• Preview data (threads, projects, and turns) is defined in AppPreview.data.ts as static typed fixtures.
• The homepage also drops the previous scale-in animation, border, mask, and reflection effects that were applied to the old screenshot.

^{Macroscope summarized 04601ce.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 1ce8e178-8069-4ed0-8510-06014c248854

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces a substantial new interactive marketing component (~4500 lines) with significant client-side JavaScript, new UI elements, and mock data structures. While scoped to the marketing site and not affecting product runtime, the scale of new capability warrants human review.

^{You can customize Macroscope's approvability policy. Learn more.}

Dismissing prior approval to re-evaluate 0b234bc

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 99c0c89. Configure here.}