feat(ui): add Copilot SEO pages and calculator

apps/ui/public/llms.txt

@@ -10,7 +10,9 @@
 - [Pricing (machine-readable)](https://llmgateway.io/pricing.md): Plain-markdown pricing summary for AI agents.
 - [Providers](https://llmgateway.io/providers): Every supported provider and the models each offers.
 - [Docs](https://docs.llmgateway.io): API reference and integration guides.
-- [Compare](https://llmgateway.io/compare/open-router): How LLM Gateway compares to OpenRouter, LiteLLM, Portkey, and the Vercel AI Gateway.
+- [Compare](https://llmgateway.io/compare/open-router): How LLM Gateway compares to OpenRouter, LiteLLM, Portkey, the Vercel AI Gateway, and GitHub Copilot.
+- [GitHub Copilot cost calculator](https://llmgateway.io/copilot-cost-calculator): Estimate a team's monthly Copilot AI Credits bill under the June 2026 usage-based billing and compare the same workload at pass-through token prices with prompt caching.
+- [Migrate from GitHub Copilot](https://llmgateway.io/migration/github-copilot): Map Copilot chat, agent mode, and code review to gateway-backed tools with hard budget caps.
 
 ## Best models by use case
 

apps/ui/src/app/compare/github-copilot/page.tsx

@@ -0,0 +1,103 @@
+import { CompareFaq } from "@/components/compare/compare-faq";
+import { HeroCompare } from "@/components/compare/hero-compare";
+import { ComparisonGitHubCopilot } from "@/components/landing/comparison-github-copilot";
+import Footer from "@/components/landing/footer";
+
+import type { CompareFaqItem } from "@/components/compare/compare-faq";
+
+const copilotFaqs: CompareFaqItem[] = [
+	{
+		question: "Is LLM Gateway a GitHub Copilot alternative?",
+		answer:
+			"Yes, for chat and agentic coding. LLM Gateway routes any coding agent — Claude Code, Cline, Continue, Aider, or DevPass Code — to 200+ models with zero token markup, hard budget caps, and prompt caching. Copilot remains a fine choice for inline completions, which stay flat-fee.",
+	},
+	{
+		question: "What changed with GitHub Copilot pricing in June 2026?",
+		answer:
+			"On June 1, 2026, GitHub replaced Premium Request Units with usage-based AI Credits (1 credit = $0.01). Base seats stayed at $10–$39 per user per month, but Copilot Chat, agent mode, code review, and CLI now bill by tokens consumed — with no spending ceiling unless you manually configure a budget.",
+	},
+	{
+		question: "How much does GitHub Copilot cost after the change?",
+		answer:
+			"The seat price is unchanged — Pro $10, Pro+ $39, Business $19, and Enterprise $39 per user per month — but included credits run out fast under real usage. Heavy chat users on premium models report $150–$250 per month in overages, and agentic teams have projected 10–50x cost increases.",
+	},
+	{
+		question: "How does LLM Gateway keep AI coding costs predictable?",
+		answer:
+			"Provider token rates pass through with no markup (a flat 5% fee on credits, or 0% with your own provider keys), prompt caching cuts repeat-token spend automatically, and budgets with hard limits can be set per organization, project, and API key — so a runaway agent can never blow the budget.",
+	},
+	{
+		question:
+			"Can I keep Copilot for completions and use LLM Gateway for everything else?",
+		answer:
+			"Yes, that hybrid setup is common: keep a $10 Copilot Pro seat for inline completions, and route chat and agent workloads through LLM Gateway with a flat DevPass plan (from $29/month) or pay-as-you-go usage. You get frontier models at pass-through prices with a hard cap on spend.",
+	},
+	{
+		question: "What are the best GitHub Copilot alternatives in 2026?",
+		answer:
+			"Teams leaving Copilot's usage billing typically evaluate LLM Gateway with the coding agent of their choice (DevPass Code, Claude Code, Cline, Continue, or Aider), plus flat-fee IDE products like Cursor and Windsurf. The right pick depends on whether you want an editor, an agent, or infrastructure you control.",
+	},
+];
+
+export default function CompareGitHubCopilotPage() {
+	return (
+		<div className="min-h-screen bg-white text-black dark:bg-black dark:text-white">
+			<main>
+				<HeroCompare
+					content={{
+						heading: "The Cost-Controlled GitHub Copilot Alternative",
+						description:
+							"Copilot's June 2026 switch to usage-based AI Credits removed the ceiling on your AI bill. LLM Gateway routes any coding agent to 200+ models with zero token markup, prompt caching, and hard budget caps per team, project, and key.",
+						badges: [
+							"No Token Markup",
+							"Hard Budget Caps",
+							"200+ Models",
+							"Any Coding Agent",
+						],
+						cta: {
+							primary: {
+								text: "Start for Free",
+								href: "/signup",
+							},
+							secondary: {
+								text: "Estimate Your Copilot Costs",
+								href: "/copilot-cost-calculator",
+							},
+						},
+					}}
+				/>
+				<ComparisonGitHubCopilot />
+				<CompareFaq
+					heading="LLM Gateway vs GitHub Copilot"
+					description="Common questions about moving off GitHub Copilot's usage-based billing."
+					faqs={copilotFaqs}
+				/>
+			</main>
+			<Footer />
+		</div>
+	);
+}
+
+export async function generateMetadata() {
+	return {
+		title: "LLM Gateway vs GitHub Copilot — Costs Compared (2026)",
+		description:
+			"Copilot now bills chat and agents by usage-based AI Credits. Compare it with LLM Gateway: zero token markup, hard budget caps, prompt caching, and 200+ models for any coding agent.",
+		alternates: { canonical: "/compare/github-copilot" },
+		openGraph: {
+			title: "LLM Gateway vs GitHub Copilot — Costs Compared (2026)",
+			description:
+				"Copilot bills chat and agents by usage-based AI Credits. LLM Gateway: zero token markup, hard budget caps, and 200+ models for any coding agent.",
+			type: "website",
+			url: "https://llmgateway.io/compare/github-copilot",
+			images: ["/opengraph.png?v=2"],
+		},
+		twitter: {
+			card: "summary_large_image",
+			title: "LLM Gateway vs GitHub Copilot — Costs Compared (2026)",
+			description:
+				"Copilot bills chat and agents by usage-based AI Credits. LLM Gateway: zero token markup, hard budget caps, and 200+ models for any coding agent.",
+			images: ["/opengraph.png?v=2"],
+		},
+	};
+}

apps/ui/src/app/copilot-cost-calculator/page.tsx

@@ -0,0 +1,123 @@
+import { CopilotCostCalculatorClient } from "@/components/copilot-cost-calculator/copilot-cost-calculator-client";
+import { CopilotCostCalculatorContent } from "@/components/copilot-cost-calculator/copilot-cost-calculator-content";
+import { COPILOT_CALCULATOR_FAQ } from "@/components/copilot-cost-calculator/faq-data";
+import Footer from "@/components/landing/footer";
+import { HeroRSC } from "@/components/landing/hero-rsc";
+
+import type { Metadata } from "next";
+
+const PAGE_URL = "https://llmgateway.io/copilot-cost-calculator";
+
+export const metadata: Metadata = {
+	title: "GitHub Copilot Cost Calculator (2026 AI Credits)",
+	description:
+		"Free calculator for GitHub Copilot's usage-based AI Credits billing. Estimate your team's monthly Copilot bill and compare the same workload at pass-through token prices with caching and hard budget caps.",
+	keywords: [
+		"GitHub Copilot cost calculator",
+		"Copilot pricing calculator",
+		"Copilot AI Credits",
+		"GitHub Copilot token billing",
+		"Copilot enterprise cost",
+		"GitHub Copilot pricing 2026",
+		"AI coding cost calculator",
+		"Copilot alternative pricing",
+		"cap AI coding spend",
+	],
+	alternates: {
+		canonical: "/copilot-cost-calculator",
+	},
+	openGraph: {
+		type: "website",
+		url: PAGE_URL,
+		title: "GitHub Copilot Cost Calculator (2026 AI Credits) | LLM Gateway",
+		description:
+			"Model your team's Copilot AI Credits bill after the June 2026 change and compare the same workload routed through LLM Gateway.",
+		images: [{ url: "/opengraph.png?v=1" }],
+	},
+	twitter: {
+		card: "summary_large_image",
+		title: "GitHub Copilot Cost Calculator (2026 AI Credits) | LLM Gateway",
+		description:
+			"Estimate your team's Copilot AI Credits bill and see what the same usage costs at pass-through token prices with caching.",
+		images: ["/opengraph.png?v=1"],
+	},
+};
+
+const breadcrumbSchema = {
+	"@context": "https://schema.org",
+	"@type": "BreadcrumbList",
+	itemListElement: [
+		{
+			"@type": "ListItem",
+			position: 1,
+			name: "Home",
+			item: "https://llmgateway.io",
+		},
+		{
+			"@type": "ListItem",
+			position: 2,
+			name: "Copilot Cost Calculator",
+			item: PAGE_URL,
+		},
+	],
+};
+
+const appSchema = {
+	"@context": "https://schema.org",
+	"@type": "SoftwareApplication",
+	name: "GitHub Copilot Cost Calculator",
+	applicationCategory: "FinanceApplication",
+	operatingSystem: "Web",
+	url: PAGE_URL,
+	description:
+		"Free tool to estimate a team's monthly GitHub Copilot bill under the June 2026 AI Credits billing model — seats, included credits, chat, and agent usage — and compare the same workload routed through LLM Gateway at pass-through token prices with prompt caching and hard budget caps.",
+	offers: {
+		"@type": "Offer",
+		price: "0",
+		priceCurrency: "USD",
+	},
+	publisher: {
+		"@type": "Organization",
+		name: "LLM Gateway",
+		url: "https://llmgateway.io",
+	},
+};
+
+const faqSchema = {
+	"@context": "https://schema.org",
+	"@type": "FAQPage",
+	mainEntity: COPILOT_CALCULATOR_FAQ.map((item) => ({
+		"@type": "Question",
+		name: item.question,
+		acceptedAnswer: {
+			"@type": "Answer",
+			text: item.answer,
+		},
+	})),
+};
+
+export default function CopilotCostCalculatorPage() {
+	return (
+		<div>
+			<script
+				type="application/ld+json"
+				// eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
+				dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
+			/>
+			<script
+				type="application/ld+json"
+				// eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
+				dangerouslySetInnerHTML={{ __html: JSON.stringify(appSchema) }}
+			/>
+			<script
+				type="application/ld+json"
+				// eslint-disable-next-line @eslint-react/dom/no-dangerously-set-innerhtml
+				dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }}
+			/>
+			<HeroRSC navbarOnly />
+			<CopilotCostCalculatorClient />
+			<CopilotCostCalculatorContent />
+			<Footer />
+		</div>
+	);
+}

apps/ui/src/app/migration/page.tsx

@@ -9,13 +9,13 @@ import { allMigrations } from "content-collections";
 const Footer = dynamic(() => import("@/components/landing/footer"));
 
 export const metadata = {
-	title: "Migration Guides — From OpenRouter, LiteLLM, Portkey",
+	title: "Migration Guides — From Copilot, OpenRouter, LiteLLM",
 	description:
-		"Step-by-step guides to migrate from OpenRouter, Vercel AI Gateway, LiteLLM, Portkey, and other LLM providers to LLM Gateway.",
+		"Step-by-step guides to migrate from GitHub Copilot, OpenRouter, Vercel AI Gateway, LiteLLM, Portkey, and other LLM providers to LLM Gateway.",
 	openGraph: {
-		title: "Migration Guides — From OpenRouter, LiteLLM, Portkey",
+		title: "Migration Guides — From Copilot, OpenRouter, LiteLLM",
 		description:
-			"Step-by-step guides to migrate from OpenRouter, Vercel AI Gateway, LiteLLM, Portkey, and other LLM providers to LLM Gateway.",
+			"Step-by-step guides to migrate from GitHub Copilot, OpenRouter, Vercel AI Gateway, LiteLLM, Portkey, and other LLM providers to LLM Gateway.",
 	},
 };
 
@@ -37,6 +37,16 @@ const providerIcons: Record<string, React.ReactNode> = {
 		</svg>
 	),
 	LiteLLM: <span className="text-3xl">🚅</span>,
+	"GitHub Copilot": (
+		<svg
+			viewBox="0 0 24 24"
+			fill="currentColor"
+			xmlns="http://www.w3.org/2000/svg"
+			className="h-8 w-8"
+		>
+			<path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" />
+		</svg>
+	),
 	Portkey: (
 		<svg
 			xmlns="http://www.w3.org/2000/svg"

apps/ui/src/app/sitemap.ts

@@ -170,6 +170,12 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
 			changeFrequency: "weekly",
 			priority: 0.9,
 		},
+		{
+			url: `${baseUrl}/copilot-cost-calculator`,
+			lastModified: buildDate,
+			changeFrequency: "weekly",
+			priority: 0.9,
+		},
 		{
 			url: `${baseUrl}/nano-banana-simulator/20`,
 			lastModified: buildDate,
@@ -332,6 +338,12 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
 			changeFrequency: "monthly",
 			priority: 0.7,
 		},
+		{
+			url: `${baseUrl}/compare/github-copilot`,
+			lastModified: buildDate,
+			changeFrequency: "monthly",
+			priority: 0.7,
+		},
 		{
 			url: `${baseUrl}/compare/litellm`,
 			lastModified: buildDate,