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 content and CSS only; no application or API behavior changes.

Overview
Adds Grok to the marketing homepage so the landing page matches product support for five harnesses.

A new grok-dark.svg asset backs a Grok CLI harness card (grok login) and a fifth hero floating badge. Hero and harnesses copy now list Grok alongside Claude Code, Codex, OpenCode, and Cursor.

Layout/CSS updates expand the harness grid to 5 columns on wide screens (with the fifth card full-width on ≤1024px), add .hf-grok positioning at each breakpoint, and tweak mobile hero badge stacking (three left / two right) so the CTA stays clear.

^{Reviewed by Cursor Bugbot for commit 425d631. 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 425d631.}

[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: 0bd504a0-8615-493f-967e-e68a28071814

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.}

[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.}