feat(site): add comparison pages for Arc, Dia, and Helium

NO
10h ago
+597-0

Stacked on #31 (Moving from Arc), which is stacked on #29. Merge in the order #29, #31, then this one. Each base moves to main on its own. It's stacked because both this PR and #31 add a footer link.

Problem. Plan M5 needs factual, sourced comparison pages for the Arc-refugee launch.

Change.

  • /compare lists /compare/arc, /compare/dia, and /compare/helium.
  • Each page has a short honest summary, a side-by-side table, "Where rac is different", "Where X is better or does more", "Who should pick which", and numbered Sources with the date they were checked.
  • The table stacks into cards at 390 px and keeps table semantics through explicit ARIA roles.
  • The pages are linked from the footer, not the nav.
  • No performance claims.
  • Every claim about another browser cites its vendor's own page:
    • arc.net: sunsetting on December 22, 2026, no new accounts since October 22, 2026, and Dia's import mapping.
    • diabrowser.com pricing and security pages: $10 and $100 plans, a 14-day trial, AI requests routed through The Browser Company's servers, and content data used by default.
    • Helium's README, its homepage FAQ ("data sync? Not yet"), and the helium-macos 0.20.1.1 assets (arm64 and x86_64).
  • Where Dia's pricing page and its download page disagree on how much AI the free plan has, the table says so rather than picking one.
  • Each page says honestly where the other browser does more: Windows, sync, Boosts and Easels, Helium on Linux and Intel. The Helium page recommends Helium to anyone who doesn't want Arc's ideas.

Merge condition: Core. Every AI sentence is inside AI wording needs Core sign-off (G7) markers. Like #28, they describe the launch behavior (the taint rule), so merge only after Core's guard lands and Core has signed off on the wording.

How it was checked (hill-climb round 1).

  • An Opus agent drafted the pages. A usage limit interrupted it, and I finished them.
  • A SWE-2 fact-check flagged 5 partly-supported or uncited items. All are fixed.
  • A council review by SWE-2 Max and Sonnet raised AI lines outside the markers, unused sources, two uncited claims, a comma pileup, and fragile CSS. All confirmed findings are fixed. I rejected two: changing the second-site wording (it's the launch rule, covered by the merge condition) and trimming facts the rest of the site already states.
  • build/scratch/site-checks.mjs scores 38/38 on main + #28 + #29 + #31 + this PR. It checks every internal link, every external link live, the banned claims, collapsed spaces, 390 px overflow, the download-page detection states, and no remote scripts or cookies.
  • Headless Chromium shots are attached.

Net-diff hunks: 0 (no patches touched).

🤖 Generated with Claude Code (Claude Opus 5.5, with Sonnet 5.5 and Devin SWE-2)

/compare index

/compare/arc, desktop light

/compare/dia, desktop dark

/compare/helium, desktop light

Dia table at 390 px, stacked into cards (dark)

/compare/helium, mobile light

Devin Review

[!NOTE]
Low Risk
Static Astro marketing pages and UI components only; no changes to auth, data handling, or application runtime.

Overview
Adds a Compare section to the marketing site: a footer link to /compare, an index listing three comparisons, and dedicated pages for Arc, Dia, and Helium.

Each comparison page follows a shared pattern—intro, a rac vs. other table, sections on where rac differs and where the other browser does more, guidance on who should pick which, and a dated Sources list. Claims about competitors use numbered Cite links into that list; table rows can attach citations on the “other” column via new CompareTable, Cite, and Sources components.

CompareTable is a responsive comparison table that keeps ARIA table roles on small screens by stacking each row into labeled cards (under 640px). The three pages cross-link (e.g. Arc → Dia/Helium) and reuse the site’s existing article layout (Base, sticky header, prose-rac). Several AI-related sentences are marked for Core sign-off before merge.

Reviewed by Cursor Bugbot for commit 2276e2293e7534582729ce3697970415d0fc692f. Bugbot is set up for automated code reviews on this repo. Configure here.

Summary by cubic

Adds three comparison pages for Arc, Dia, and Helium, linked from the footer under /compare, to support the Arc-refugee launch.

  • Each page has a short honest summary, a side-by-side table that restacks into cards on phones, where rac is different, where the other browser does more, who should pick which, and numbered sources with the date they were checked.
  • Every claim about another browser cites that vendor's own page; no performance claims are made.
  • The Dia page flags where Dia's pricing and download pages disagree instead of picking one, and its import row reflects what Dia's own source says.
  • AI copy sits inside AI wording needs Core sign-off (G7) markers written as hidden comments, so it renders nothing until Core signs off. Table headings stay readable to screen readers.
  • Merge after #29 and #31; both this PR and #31 add a footer link, so they land in that order.