Homepage and site nav: download for your OS, download start page, customer quotes

web/app/about/page.tsx

@@ -6,6 +6,7 @@ import { HomePosterText } from '../../components/home/HomePosterText';
 import { ScribbleUnderline } from '../../components/home/icons';
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { DEFAULT_OG_IMAGE_PATH, ogImage } from '../../lib/og-meta';
 import { absoluteUrl, SITE_NAME } from '../../lib/site';
 import s from '../landing.module.css';
@@ -66,20 +67,10 @@ export const metadata: Metadata = {
 };
 
 export default function AboutPage() {
-  const navGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
-  const mobileGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
 
   return (
     <div className={`${s.page} ${s.homePage}`}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main className={s.homeMain}>
         <HomePosterText visual="relay" />

web/app/agents/[slug]/page.tsx

@@ -1,9 +1,9 @@
 import type { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 
-import { GitHubStarsBadge } from '../../../components/GitHubStars';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import { agentAsset, allAgentSlugs, getAgent } from '../../../lib/agents';
 import { absoluteUrl, SITE_NAME } from '../../../lib/site';
 import { AgentDetail } from './AgentDetail';
@@ -46,7 +46,7 @@ export default async function AgentPage({ params }: PageProps) {
 
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <AgentDetail agent={agent} />
       <SiteFooter />
     </>

web/app/agents/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 
-import { GitHubStarsBadge } from '../../components/GitHubStars';
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { absoluteUrl, SITE_NAME } from '../../lib/site';
 import { AgentsGallery } from './AgentsGallery';
 
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
 export default function AgentsPage() {
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <AgentsGallery />
       <SiteFooter />
     </>

web/app/agents/register/checklist/page.tsx

@@ -7,6 +7,7 @@ import remarkGfm from 'remark-gfm';
 import { mdxComponents } from '../../../../components/docs/mdx-components';
 import { SiteFooter } from '../../../../components/SiteFooter';
 import { SiteNav } from '../../../../components/SiteNav';
+import { SiteNavActions } from '../../../../components/SiteNavActions';
 import {
   REGISTER_CHECKLIST_BODY,
   REGISTER_CHECKLIST_MARKDOWN_URL,
@@ -62,7 +63,7 @@ export default async function RegisterChecklistPage() {
   return (
     <div className={`${flows.page} ${home.messagingPage} ${s.page}`}>
       <a className="skip-link" href="#main">Skip to content</a>
-      <SiteNav />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main id="main" className={r.content}>
         <section className={s.hero}>

web/app/agents/register/page.tsx

@@ -3,6 +3,7 @@ import type { Metadata } from 'next';
 import { CopyCodeButton } from '../../../components/docs/CopyCodeButton';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import {
   AGENT_DIRECTORY_URL,
   ARELAY_LIVE_EXAMPLE_URL,
@@ -41,7 +42,7 @@ export default function RegisterAgentPage() {
   return (
     <div className={`${flows.page} ${home.messagingPage} ${s.page}`}>
       <a className="skip-link" href="#main">Skip to content</a>
-      <SiteNav />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main id="main" className={r.content}>
         <section className={s.hero}>

web/app/agents/use-cases/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 
-import { GitHubStarsBadge } from '../../../components/GitHubStars';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import { absoluteUrl, SITE_NAME } from '../../../lib/site';
 import { UseCasesContent } from './UseCasesContent';
 
@@ -27,7 +27,7 @@ export const metadata: Metadata = {
 export default function UseCasesPage() {
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <UseCasesContent />
       <SiteFooter />
     </>

web/app/blog/[slug]/page.tsx

@@ -14,11 +14,11 @@ import { HighlightedPre } from '../../../components/docs/HighlightedCode';
 import { SignupBand } from '../../../components/home/SignupBand';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import { getAllPosts, getPost, slugifyHeading } from '../../../lib/blog';
 import { getAuthorInitials, getBlogAuthor } from '../../../lib/blog-authors';
 import { OG_IMAGE_HEIGHT, OG_IMAGE_WIDTH } from '../../../lib/og-meta';
 import { absoluteUrl, SITE_NAME, SITE_URL } from '../../../lib/site';
-import landingStyles from '../../landing.module.css';
 
 type PageProps = {
   params: Promise<{ slug: string }>;
@@ -134,16 +134,6 @@ export default async function BlogPostPage({ params }: PageProps) {
     .slice(0, 4);
   const postUrl = absoluteUrl(`/blog/${slug}`);
   const imageUrl = post.frontmatter.coverImage || absoluteUrl(`/blog/${slug}/og.png`);
-  const navGetStartedLink = (
-    <Link href="/docs" className={`${landingStyles.ctaPrimary} ${landingStyles.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
-  const mobileGetStartedLink = (
-    <Link href="/docs" className={`${landingStyles.ctaPrimary} ${landingStyles.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
   const structuredData = {
     '@context': 'https://schema.org',
     '@type': 'BlogPosting',
@@ -264,7 +254,7 @@ export default async function BlogPostPage({ params }: PageProps) {
 
   return (
     <div className={styles.blogPage}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <section className={styles.postHero}>
         <div className={styles.postHeroInner}>

web/app/blog/page.tsx

@@ -5,11 +5,11 @@ import { Rss } from 'lucide-react';
 import styles from '../../components/blog/blog.module.css';
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { getAllPosts } from '../../lib/blog';
 import { getAuthorInitials, getBlogAuthor } from '../../lib/blog-authors';
 import { defaultOgImage } from '../../lib/og-meta';
 import { absoluteUrl, SITE_NAME, SITE_URL } from '../../lib/site';
-import landingStyles from '../landing.module.css';
 
 export const metadata: Metadata = {
   title: { absolute: 'Agent Relay Blog — Multi-Agent Systems & AI Coordination' },
@@ -47,16 +47,6 @@ function formatDate(dateStr: string): string {
 export default function BlogIndexPage() {
   const posts = getAllPosts();
   const allPosts = posts;
-  const navGetStartedLink = (
-    <Link href="/docs" className={`${landingStyles.ctaPrimary} ${landingStyles.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
-  const mobileGetStartedLink = (
-    <Link href="/docs" className={`${landingStyles.ctaPrimary} ${landingStyles.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
   const structuredData = {
     '@context': 'https://schema.org',
     '@type': 'CollectionPage',
@@ -77,7 +67,7 @@ export default function BlogIndexPage() {
 
   return (
     <div className={styles.blogPage}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main className={styles.blogMain}>
         <script

web/app/brand/deploy-button/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 
-import { GitHubStarsBadge } from '../../../components/GitHubStars';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import { absoluteUrl } from '../../../lib/site';
 import { DeployButtonShowcase } from './DeployButtonShowcase';
 
@@ -21,7 +21,7 @@ export const metadata: Metadata = {
 export default function DeployButtonPage() {
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <DeployButtonShowcase />
       <SiteFooter />
     </>

web/app/brand/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 
-import { GitHubStarsBadge } from '../../components/GitHubStars';
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { absoluteUrl, SITE_NAME } from '../../lib/site';
 import { BrandShowcase } from './BrandShowcase';
 
@@ -51,7 +51,7 @@ export const metadata: Metadata = {
 export default function BrandPage() {
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <BrandShowcase />
       <SiteFooter />
     </>

web/app/brand/theme/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 
-import { GitHubStarsBadge } from '../../../components/GitHubStars';
 import { SiteFooter } from '../../../components/SiteFooter';
 import { SiteNav } from '../../../components/SiteNav';
+import { SiteNavActions } from '../../../components/SiteNavActions';
 import { defaultOgImage } from '../../../lib/og-meta';
 import { absoluteUrl, SITE_NAME } from '../../../lib/site';
 import { ThemeShowcase } from './ThemeShowcase';
@@ -43,7 +43,7 @@ export const metadata: Metadata = {
 export default function BrandThemePage() {
   return (
     <>
-      <SiteNav actions={<GitHubStarsBadge />} />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
       <ThemeShowcase />
       <SiteFooter />
     </>

web/app/careers/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
-import Link from 'next/link';
 
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { HOME_OG_IMAGE_PATH, ogImage } from '../../lib/og-meta';
 import { absoluteUrl, SITE_NAME } from '../../lib/site';
 import s from '../landing.module.css';
@@ -30,20 +30,10 @@ export const metadata: Metadata = {
 };
 
 export default function CareersPage() {
-  const navGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
-  const mobileGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
 
   return (
     <div className={`${s.page} ${s.homePage}`}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main className={`${s.homeMain} ${s.careersMain}`}>
         <section className={s.careersCallout} aria-label="Careers contact">

web/app/company/page.tsx

@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
-import Link from 'next/link';
 
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { HOME_OG_IMAGE_PATH, ogImage } from '../../lib/og-meta';
 import { absoluteUrl, SITE_NAME } from '../../lib/site';
 import s from '../landing.module.css';
@@ -30,20 +30,10 @@ export const metadata: Metadata = {
 };
 
 export default function CompanyPage() {
-  const navGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
-  const mobileGetStartedLink = (
-    <Link href="/docs" className={`${s.ctaPrimary} ${s.homeNavAction}`}>
-      Get Started
-    </Link>
-  );
 
   return (
     <div className={`${s.page} ${s.homePage} ${s.aboutPage}`}>
-      <SiteNav actions={navGetStartedLink} mobileMenuContent={mobileGetStartedLink} hideLinks />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main className={s.aboutMain}>
         <div className={s.aboutWaveField} aria-hidden="true">

web/app/directory/page.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
 
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { SiteNavActions } from '../../components/SiteNavActions';
 import { AGENT_DIRECTORY_PATH, getAgentDirectory, type AgentDirectory } from '../../lib/agent-directory';
 import { defaultOgImage } from '../../lib/og-meta';
 import { absoluteUrl } from '../../lib/site';
@@ -47,7 +48,7 @@ export default async function AgentDirectoryPage() {
   return (
     <div className={`${flows.page} ${home.messagingPage} ${s.page}`}>
       <a className="skip-link" href="#main">Skip to content</a>
-      <SiteNav />
+      <SiteNav hideLinks singleAction actions={<SiteNavActions />} />
 
       <main id="main">
         <section className={s.hero}>

web/app/docs/layout.tsx

@@ -6,6 +6,7 @@ import { DocsSearch } from '../../components/docs/DocsSearch';
 import { DocsGitHubStarsBadgeServer } from '../../components/DocsGitHubStarsBadgeServer';
 import { SiteFooter } from '../../components/SiteFooter';
 import { SiteNav } from '../../components/SiteNav';
+import { NavDownloadButton } from '../../components/SiteNavActions';
 import styles from '../../components/docs/docs.module.css';
 import { getSearchIndex } from '../../lib/docs';
 import { productBasePath, productSections, getProductSearchIndex } from '../../lib/product-docs';
@@ -30,8 +31,18 @@ export default function DocsLayout({ children }: { children: ReactNode }) {
       <div className={styles.docsPage}>
         <SiteNav
           center={<DocsSearch index={searchIndex} productScopes={productScopes} />}
-          actions={<DocsGitHubStarsBadgeServer />}
-          mobileMenuContent={<DocsNav variant="mobileMenu" />}
+          actions={
+            <>
+              <DocsGitHubStarsBadgeServer />
+              <NavDownloadButton />
+            </>
+          }
+          mobileMenuContent={
+            <>
+              <DocsNav variant="mobileMenu" />
+              <NavDownloadButton />
+            </>
+          }
           hideMobileDocsLink
         />
         <div className={styles.docsBody}>