refactor: marketing components

[NicholasKissel]

Minor marketing page updates

🤖 Generated with Claude Code

[railway-app]

🚅 Deployed to the rivet-pr-4535 environment in rivet-frontend

Service	Status	Web	Updated (UTC)
website	😴 Sleeping (View Logs)	Web	Mar 31, 2026 at 3:30 am
frontend-inspector	😴 Sleeping (View Logs)	Web	Mar 31, 2026 at 3:28 am
frontend-cloud	😴 Sleeping (View Logs)	Web	Mar 31, 2026 at 3:25 am
mcp-hub	✅ Success (View Logs)	Web	Mar 31, 2026 at 3:19 am
ladle	❌ Build Failed (View Logs)	Web	Mar 31, 2026 at 3:19 am
kitchen-sink	❌ Build Failed (View Logs)	Web	Mar 31, 2026 at 3:19 am

[claude]

PR Review: refactor: marketing components

Overall this is solid marketing website work with good component structure and accessibility practices. A few items worth addressing before merge:

---

Must Fix

Domain mismatch: rivet.gg in Bluesky URL

Per CLAUDE.md, rivet.gg is deprecated and must never be used. Found in website/src/components/marketing/sections/CommunitySection.tsx:

href: 'https://bsky.app/profile/rivet.gg',  // incorrect
// should be:
href: 'https://bsky.app/profile/rivet.dev',

Font-weight mappings incorrect in fonts.css

The "Perfectly Nineties" font declarations use font-weight: normal for files named Extrabold.otf and Semibold.otf. This will cause browsers to render the wrong weight:

/* Incorrect — Extrabold should be 800, Semibold should be 600 */
font-weight: normal;
src: url('./fonts/PerfectlyNineties-Extrabold.otf') format('opentype');

---

Should Fix

Unused ref in website/src/components/v2/Header.tsx

isHoveringRef is written to but never read — it can be removed:

const isHoveringRef = useRef(false);       // defined
isHoveringRef.current = true;              // written in event handler
// never read anywhere — dead code

sheetClassName prop added to Header but not used in diff

The prop is declared and destructured in frontend/packages/components/src/header/index.tsx but it does not appear to be passed to anything in the diff. Verify it's wired up or remove it if unused.

---

Maintainability Notes (non-blocking)

Duplicated CopyButton / CopyInstallButton — Near-identical copy-to-clipboard components are defined separately in AgentOSPricingPage.tsx, AgentOSUseCasesPage.tsx, AgentOSSection.tsx, and GetStartedPage.tsx. Worth extracting to a shared component in a follow-up.

Repeated framer-motion animation props — The pattern initial={{ opacity: 0, y: 20 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ duration: 0.5 }} appears throughout many files. Defining it as a shared constant would make it easier to tweak globally.

WHITE_THEMED_PATHS duplicated — This array exists in both v2/Header.tsx and Footer.jsx. Extracting to a shared constant would prevent them drifting out of sync.

---

What's Well Done

• Accessibility is solid throughout: proper aria-current, aria-label, alt attributes, and semantic HTML.
• TimelinePage.tsx is clean and well-structured.
• RedesignedHero.tsx Game of Life canvas animation is impressively implemented.
• ProblemSection.tsx Shiki syntax highlighting integration is well handled.
• Astro page files are clean with proper layouts.
• Good use of loading="lazy" and decoding="async" on images.

🤖 Generated with Claude Code

[pkg-pr-new]

More templates

• actor-actions
• actor-actions-vercel
• ai-agent
• ai-agent-vercel
• example-ai-and-user-generated-actors-freestyle
• chat-room
• chat-room-vercel
• example-cloudflare-workers
• example-cloudflare-workers-hono
• collaborative-document
• collaborative-document-vercel
• cross-actor-actions
• cross-actor-actions-vercel
• example-cursors
• example-cursors-raw-websocket
• example-cursors-raw-websocket-vercel
• example-cursors-vercel
• custom-serverless
• example-elysia
• example-experimental-durable-streams-ai-agent
• example-experimental-durable-streams-ai-agent-vercel
• geo-distributed-database
• geo-distributed-database-vercel
• hello-world
• hello-world-vercel
• example-hono
• hono-react
• hono-react-vercel
• example-kitchen-sink
• example-kitchen-sink-vercel
• multi-region-vercel
• multiplayer-game
• example-multiplayer-game-patterns
• example-multiplayer-game-patterns-vercel
• multiplayer-game-vercel
• native-websockets
• native-websockets-vercel
• next-js
• per-tenant-database
• per-tenant-database-vercel
• example-raw-fetch-handler
• example-raw-fetch-handler-vercel
• example-raw-websocket-handler
• example-raw-websocket-handler-proxy
• example-raw-websocket-handler-proxy-vercel
• example-raw-websocket-handler-vercel
• example-react
• example-react-vercel
• sandbox
• sandbox-coding-agent
• sandbox-coding-agent-vercel
• sandbox-vercel
• scheduling
• scheduling-vercel
• example-sqlite-drizzle
• example-sqlite-raw
• state
• state-vercel
• example-stream
• example-stream-vercel
• example-trpc

@rivetkit/cloudflare-workers

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/cloudflare-workers@4535

@rivetkit/framework-base

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/framework-base@4535

@rivetkit/next-js

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/next-js@4535

@rivetkit/react

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/react@4535

rivetkit

pnpm add https://pkg.pr.new/rivet-dev/rivet/rivetkit@4535

@rivetkit/sql-loader

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sql-loader@4535

@rivetkit/sqlite-vfs

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/sqlite-vfs@4535

@rivetkit/traces

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/traces@4535

@rivetkit/workflow-engine

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/workflow-engine@4535

@rivetkit/virtual-websocket

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/virtual-websocket@4535

@rivetkit/engine-runner

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner@4535

@rivetkit/engine-runner-protocol

pnpm add https://pkg.pr.new/rivet-dev/rivet/@rivetkit/engine-runner-protocol@4535

commit: d587606

[NathanFlurry]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• refactor: marketing components #4535 👈 (View in Graphite)
• chore: RivetKit perf fixes #4523 : 2 other dependent PRs (#4525 , #4537 )
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.