Replace PR mockup with app screenshot

[notkainoa]

What Changed

Replaced the mock PR/cards visual in the marketing site section with an app screenshot.

Why

The mocked card UI was more placeholder than product-representative. Using a real image makes that section clearer and more accurate, while the sizing cleanup keeps the layout balanced.

UI Changes

Before:

After:

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

Low Risk
Low risk marketing-only UI change that swaps a mocked component for a static image and tweaks layout CSS; main risk is minor visual/regression across breakpoints.

Overview
Updates the marketing homepage Git section to replace the inline PR/card mock UI with a static screenshot (/git-pr-workflow.png).

Simplifies and adjusts the related styling by removing the PR mockup CSS and centering/scaling the new image (.git-inner alignment, .git-image-shell, .git-image) to keep the layout balanced.

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

Note

Replace PR mockup with a static screenshot in the Git section of the marketing index page

Swaps the hand-coded PR card UI (with trail and buttons) in index.astro for a lazily loaded <img> referencing git-pr-workflow.png. Updates .git-visual to center content and .git-inner to use align-items: stretch, and removes all CSS for the deleted PR card classes.

^{Macroscope summarized a4ecc7d.}

[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: 70a82b86-f095-41e2-bc34-4e1880fbc721

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: Approved

Marketing-only change that replaces a hand-coded HTML/CSS mockup with a screenshot image. No application logic or runtime behavior affected.

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