Homepage: rework feature sections, real syntax highlighting, remove pricing#1502
Open
NicholasKissel wants to merge 5 commits into
Open
Homepage: rework feature sections, real syntax highlighting, remove pricing#1502NicholasKissel wants to merge 5 commits into
NicholasKissel wants to merge 5 commits into
Conversation
…parison Two native React + inline SVG + Tailwind + framer-motion visuals on the Agent OS homepage, themed to the site palette: - HarnessArchitecture: a cross diagram framed as Agent OS — a cycling agent logo at the center routes requests/responses to Tools, Session, Sandbox, and Orchestration with animated flow dots; collapses to a stacked layout on mobile. - ColdStartRace: a containers-vs-Agent OS cold-start comparison. Each container boots on its own (red→green + mini bar) carrying its own ~1 GB; Agent OS packs all agents into one shared process at ~131 MB each. Includes live ms counters, a speed slider to control playback, and a stats row (92x faster, 8x less memory, 32x cheaper) sourced from bench.ts. Also bundles pre-existing in-progress site changes from this workspace: Navigation, Footer, registry (RegistryPageClient, registry.ts, registry-icons.ts, registry/[slug].astro), pricing page, and favicon. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the static benchmark cards with three animated, light-styled diagrams (cold-start race with p50/p95/p99 toggle, memory-overhead squares, execution-density packing), extract shared benchUI primitives (BenchToggle/CountUpStat/BenchInfoTooltip), add per-tier execs/costPerHour to bench.ts, link hero stats to their diagrams, and fix the info tooltips and the agentOS boot timing. Correct the architecture framing to match the product: an OS for all AI agents and arbitrary code, many lightweight in-process VMs packed into one process on an in-process kernel. Also bundles related in-progress homepage edits (navigation, footer, registry, pricing, use-cases, config). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…ricing - Reorganize the two overlapping homepage feature sections. "Meet your agent's new operating system" now maps 1:1 to the harness architecture diagram (Agent + Tools/MCP, Session, Sandbox, Orchestration), and the "Everything agents need, built in" bento covers distinct cross-cutting capabilities (fault isolation, CPU/memory limits, network control, filesystem mounts, embed-in-backend, deploy-anywhere) with no duplication. - Replace the plain code emitter with a TS/JS tokenizer so the hero code tabs get real inline-colored syntax highlighting (highlight-code.ts). - Drop monospace from UI labels: `font-mono` now renders the sans stack; real code/terminal blocks use the new `font-code` (JetBrains Mono). - Remove the pricing page and its nav/footer links (AgentOSPricingPage, pricing.astro, agent-os-pricing faqs). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
railway-app
Bot
temporarily deployed
to
rivet-frontend / agentos-pr-1502
|
🚅 Deployed to the agentos-pr-1502 environment in agentos
🚅 Deployed to the agentos-pr-1502 environment in rivet-frontend
|
Replace the separate benchmark stat cards with compact inline highlights under the tagline (linked to the benchmarks below), move "Works with" in line with the CTA buttons, and trim now-unused imports/state. Force the shiki syntax-highlighter output back to a real monospace font, since the Tailwind `font-mono`→Manrope mapping was leaking into code blocks. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The mobile layout stacked the cards in a linear chain (Agent → Tools → Session → Sandbox → Orchestration), reading as a sequential pipeline and contradicting both the desktop cross and the diagram's own aria-label. Redesign it as a "comb": a single trunk descends from the Agent hub with four horizontal branches, each carrying a request (solid accent) and response (dashed ink) arrow, so every service routes through the agent. Spacing between the hub and the first branch matches the rest of the stack. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Reworks the Agent OS marketing homepage (
website/src/components/marketing/solutions/AgentOSPage.tsx) and related bits.Feature sections de-overlapped
The two adjacent sections ("Meet your agent's new operating system" and "Everything agents need, built in") previously duplicated each other and the first didn't relate to the architecture diagram beside it. Now:
HarnessArchitecturediagram — 5 stacking cards, one per node: Agent (center), Tools + Resources / MCP, Session, Sandbox, Orchestration, with icons matched to the diagram.Other changes bundled in this branch
highlight-code.tsnow tokenizes TS/JS and emits inline-colored token spans instead of plain escaped text.font-monorenders the sans (Manrope) stack; real code/terminal blocks use the newfont-code(JetBrains Mono).AgentOSPricingPage.tsx,pricing.astro,agent-os-pricingFAQs, plus the Pricing links inNavigation.tsxandFooter.tsx.Note on PR #1500
This branch was cut from
NicholasKissel/agentos-homepage, so it also carries that branch's two homepage-diagram commits already under open PR #1500. This PR is a superset; #1500 can be closed in favor of this one (or let me know if you'd rather I stack this on top of that branch instead of targetingmain).Test plan
cd website && npm run buildpasses (80 pages built, no type errors)./: the 5-card deck stacks beside the diagram and reads as its legend; the bento tiles cleanly (featured 2×2 + four single + two full-width); hero code tabs show colored syntax; no Pricing links in nav/footer.🤖 Generated with Claude Code