Add Grok to marketing site provider list

[Aditya190803]

Add Grok to marketing site provider list

What Changed

Adds Grok as the fifth supported provider on the marketing homepage.

• Added grok-dark.svg harness icon
• Added Grok to the hero floating provider badges (3 left / 2 right layout)
• Added a Grok CLI card to the harnesses section (grok login)
• Updated hero and harnesses copy to mention Grok alongside Claude Code, Codex, OpenCode, and Cursor
• Expanded the harness grid from 4 to 5 columns; on mobile, the fifth card spans full width

Why

The app already supports Grok, but the marketing site still only showed four providers. This keeps the landing page accurate without changing any product behavior.

UI Changes

Desktop — hero + harnesses

Before

After

Mobile — hero + harnesses

Before

After

_{Click any image to open full size.}

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
Static marketing copy and assets only; no runtime or auth behavior changes.

Overview
Adds Grok as the fifth supported provider on the marketing homepage so the landing page matches app support.

Changes include a new grok-dark.svg icon, a Grok CLI harness card (grok login), Grok in the hero floating badges, and copy updates in the hero and harnesses sections. The harness grid goes from four to five columns on desktop; responsive CSS repositions the fifth badge and makes the fifth card span full width on smaller breakpoints.

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

Note

Add Grok to the marketing site provider list and hero section

• Adds a Grok floating badge to the hero, a "Grok CLI" harness card, and updates copy in the subtitle and BYOS section to mention Grok.
• Adds the grok-dark.svg asset and CSS rules for the new badge across all responsive breakpoints.
• Expands the harness grid from 4 to 5 columns on wide screens; at ≤1024px the fifth card spans full width.
• Slightly adjusts the OpenCode badge position (top: 32% → 30%) to accommodate the new Grok badge.

^{Macroscope summarized 84b415c.}

[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: f7e3f494-423d-4af5-b9ae-63918dc4f1e6

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 changes adding Grok to the provider list: a new SVG asset, copy updates, and CSS styling adjustments. No runtime behavior or backend logic affected.

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