Sign in

flagon-io/g1t

public

g1t/apps/web/app/components/landing.tsx

648 lines28,198 bytesCodeBlame

Pick any line to see why it is the way it is: the commit, the pull request and issue it came from, and what the agent was thinking.

Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look1import { ArrowRight, Check, KeyRound, PackageCheck, ScrollText, ShieldCheck } from "lucide-react";
2import type { CSSProperties, ReactNode } from "react";
API and MCP server, Rust identity service, registration, site redesign3import { Link } from "react-router";
4
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look5import { type Provider, PROVIDERS } from "@g1t/contracts";
API and MCP server, Rust identity service, registration, site redesign6
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look7import { AgentSetup } from "./agent-setup";
8import { DeployArt, HeroArt, Live, PlanArt, QueueArt, TeamArt, WhyArt } from "./art";
Polish: phones, copy boxes, the plan page, the landing page, a real glide9import { ProviderMark } from "./model-providers";
API and MCP server, Rust identity service, registration, site redesign10import { ButtonLink, CopyLine } from "./ui";
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look11import { HAVE_AN_INVITE } from "../lib/invites";
12import { useInviteOnly } from "../lib/registration";
API and MCP server, Rust identity service, registration, site redesign13
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look14const DOCS = "https://docs.g1t.sh";
A free allowance on g1t's models, so anyone can try its agents15
A dusk palette and isometric line art, with the landing page rewritten around agents as a team16/** A small label above a heading, in the mono face. */
17function Eyebrow({ children }: { children: ReactNode }) {
18 return <p className="font-mono text-xs tracking-[0.2em] text-merged uppercase">{children}</p>;
19}
20
21function Tags({ items }: { items: string[] }) {
22 return (
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look23 <ul className="mt-6 flex flex-wrap gap-1.5">
A dusk palette and isometric line art, with the landing page rewritten around agents as a team24 {items.map((item) => (
25 <li
26 key={item}
27 className="rounded-full bg-bg/80 px-2.5 py-1 font-mono text-[0.6875rem] tracking-wide text-muted uppercase ring-1 ring-line"
28 >
29 {item}
30 </li>
31 ))}
32 </ul>
33 );
34}
35
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look36/** A link in running copy that leads to the docs or another page. */
37function More({ to, children }: { to: string; children: ReactNode }) {
38 return (
39 <Link to={to} className="group mt-7 inline-flex items-center gap-1.5 text-sm font-medium text-fg hover:text-merged">
40 {children}
41 <ArrowRight size={14} className="transition-transform group-hover:translate-x-0.5" />
42 </Link>
43 );
44}
45
46/** A drawing in its own card, on the page's dark gray. */
47function ArtFrame({ children }: { children: ReactNode }) {
48 return (
49 <Live className="relative overflow-hidden rounded-3xl bg-surface/60 px-4 py-6 ring-1 ring-line sm:px-8">
50 <div
51 aria-hidden="true"
52 className="pointer-events-none absolute inset-x-0 -bottom-24 h-48 bg-[radial-gradient(50%_60%_at_50%_100%,rgb(182_168_255/0.08),transparent)]"
53 />
54 <div className="relative mx-auto max-w-lg">{children}</div>
55 </Live>
56 );
57}
58
59/**
60 * One of the product's pillars: what it does, the features that prove it,
61 * and a drawing of the idea, on alternating sides.
62 */
63function Pillar({
64 eyebrow,
API and MCP server, Rust identity service, registration, site redesign65 title,
A dusk palette and isometric line art, with the landing page rewritten around agents as a team66 art,
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look67 points,
68 more,
69 flip,
API and MCP server, Rust identity service, registration, site redesign70 children,
71}: {
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look72 eyebrow: string;
API and MCP server, Rust identity service, registration, site redesign73 title: string;
A dusk palette and isometric line art, with the landing page rewritten around agents as a team74 art: ReactNode;
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look75 points: string[];
76 more: [string, string];
77 flip?: boolean;
API and MCP server, Rust identity service, registration, site redesign78 children: ReactNode;
79}) {
80 return (
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look81 <article className="grid items-center gap-10 py-14 lg:grid-cols-2 lg:gap-16">
82 <div className={flip ? "lg:order-2" : undefined}>
83 <Eyebrow>{eyebrow}</Eyebrow>
84 <h3 className="mt-3 text-2xl font-semibold tracking-tight text-balance sm:text-3xl">{title}</h3>
85 <p className="mt-4 max-w-xl leading-7 text-muted">{children}</p>
86 <ul className="mt-6 grid gap-2.5 text-sm sm:grid-cols-2">
87 {points.map((point) => (
88 <li key={point} className="flex gap-2.5 text-fg-soft">
89 <Check size={15} className="mt-0.5 shrink-0 text-merged" />
90 <span>{point}</span>
91 </li>
92 ))}
93 </ul>
94 <More to={more[1]}>{more[0]}</More>
API and MCP server, Rust identity service, registration, site redesign95 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look96 <div className={flip ? "lg:order-1" : undefined}>
97 <ArtFrame>{art}</ArtFrame>
98 </div>
API and MCP server, Rust identity service, registration, site redesign99 </article>
100 );
101}
102
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look103/** Facts under the opening, each one true today. */
104const FACTS: [string, string][] = [
105 ["$0", "for the forge: repositories, issues, pull requests and review. No card."],
106 ["+20%", "on what compute costs g1t. That is the whole markup, and there is no seat price."],
107 ["1 command", "connects Claude Code, Codex, OpenCode or Cursor to your workspace."],
108 ["MIT", "licensed. g1t's own source lives on g1t and lands through its own queue."],
109];
110
A dusk palette and isometric line art, with the landing page rewritten around agents as a team111const FLOW: [string, string][] = [
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look112 ["Brief", "Write the outcome you want, in plain words, or open an issue as you always would."],
Fast pages, required checks on the branch, self-hosted runners, honest incidents113 ["Plan", "A planner agent splits it into issues, each saying what done looks like, and the order they depend on."],
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look114 ["Agents", "Each issue gets an agent as it unblocks. They know what the others are changing, and tell each other."],
A dusk palette and isometric line art, with the landing page rewritten around agents as a team115 ["Review", "Checks run in clean sandboxes; a second agent reviews; you ask for changes and the agent makes them."],
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look116 ["Main", "The queue tests every change with what lands before it. Main moves only to what passed, and production follows."],
A dusk palette and isometric line art, with the landing page rewritten around agents as a team117];
118
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look119/** The forge itself, for the people on the team. */
120const FORGE = [
121 "Git over HTTPS",
122 "Public and private repositories",
A dusk palette and isometric line art, with the landing page rewritten around agents as a team123 "Issues and labels",
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look124 "Pull requests and forks",
A dusk palette and isometric line art, with the landing page rewritten around agents as a team125 "Line comments and reviews",
126 "Protected branches",
127 "Required approvals",
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look128 "Workspaces and roles",
129 "Profiles",
130 "Search and Explore",
131 "Webhooks",
132 "Import from any git host",
133 "REST API and OpenAPI",
A dusk palette and isometric line art, with the landing page rewritten around agents as a team134 "MCP server",
135 "OAuth sign-in",
136];
137
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look138const SECURE: { icon: ReactNode; title: string; about: string; to: string }[] = [
139 {
140 icon: <ShieldCheck size={18} />,
141 title: "Push protection",
142 about: "A push that adds a key or a token is refused before it lands, and the history is scanned for ones already there.",
143 to: `${DOCS}/guides/security/`,
144 },
145 {
146 icon: <PackageCheck size={18} />,
147 title: "Dependency upkeep",
148 about: "Each vulnerable dependency becomes an upgrade issue, and an agent lands the fix through the same checks as any change.",
149 to: `${DOCS}/guides/security/#dependency-upkeep`,
150 },
151 {
152 icon: <KeyRound size={18} />,
153 title: "Guardrails and credentials",
154 about: "What an agent may reach, run and spend is enforced outside its sandbox. Each run gets its own credential; your model keys never reach it.",
155 to: `${DOCS}/guides/guardrails/`,
156 },
157 {
158 icon: <ScrollText size={18} />,
159 title: "Audit log on every workspace",
160 about: "Every action by people, tokens and agents, with whether it was allowed and the rule that decided. Kept 90 days, with export.",
161 to: `${DOCS}/guides/audit-log/`,
162 },
API and MCP server, Rust identity service, registration, site redesign163];
164
Polish: phones, copy boxes, the plan page, the landing page, a real glide165/** The systems g1t connects to, shown on the landing page. */
166const STACK: Provider[] = [
167 "anthropic",
168 "openai",
169 "gemini",
170 "xai",
171 "mistral",
172 "deepseek",
173 "azure_openai",
174 "openrouter",
175 "groq",
176 "sentry",
177 "jira",
178 "linear",
179];
180
181/** What happens to a production error once Sentry is connected. */
182const LOOP = [
183 "Sentry: TypeError in checkout",
184 "g1t opens an issue, with the stack trace",
185 "An agent fixes it; another reviews it",
186 "The merge queue lands it on main",
187 "Sentry marks the error resolved",
188];
189
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look190const PRICES: { name: string; price: string; unit?: string; about: string }[] = [
191 {
192 name: "The forge",
193 price: "$0",
194 about: "Public and private repositories, git, issues, pull requests, reviews, search and the audit log. No card.",
195 },
196 {
197 name: "The g1t plan",
198 price: "$20",
199 unit: "a month per workspace",
200 about: "$10 of usage included. Unlimited members. Agents, checks, the merge queue and deployments.",
201 },
202 {
203 name: "Usage",
204 price: "Cost + 20%",
205 about: "Past what is included, everything is priced at what it costs g1t plus 20%, under a spend limit you set.",
206 },
207];
208
209const PLATFORM = ["Workers", "Artifacts", "Containers", "D1", "Queues", "Durable Objects", "AI Gateway", "Rust"];
API and MCP server, Rust identity service, registration, site redesign210
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look211/**
212 * The signed-out home page: what g1t is, what it does, and how to start.
213 * It lists no one's repositories; those are a click away under Explore.
214 */
215export function Landing() {
216 const inviteOnly = useInviteOnly();
API and MCP server, Rust identity service, registration, site redesign217 return (
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look218 <main className="overflow-x-clip">
219 {/* The opening. */}
220 <section className="dusk relative">
API and MCP server, Rust identity service, registration, site redesign221 <div
222 aria-hidden="true"
A dusk palette and isometric line art, with the landing page rewritten around agents as a team223 className="dusk-planet pointer-events-none absolute -top-[30rem] left-1/2 size-[60rem] -translate-x-[10%] rounded-full"
API and MCP server, Rust identity service, registration, site redesign224 />
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look225 <div className="relative mx-auto max-w-6xl px-4 pt-20 text-center sm:pt-24">
API and MCP server, Rust identity service, registration, site redesign226 <Link
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look227 to={`${DOCS}/concepts/overview/`}
A dusk palette and isometric line art, with the landing page rewritten around agents as a team228 className="inline-flex animate-fade-up items-center gap-2 rounded-full bg-bg/50 px-3 py-1 text-xs text-fg-soft ring-1 ring-white/10 backdrop-blur transition-colors hover:bg-bg/70"
API and MCP server, Rust identity service, registration, site redesign229 >
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look230 <span className="size-1.5 rounded-full bg-merged" />
231 Open source · built on Cloudflare
API and MCP server, Rust identity service, registration, site redesign232 <ArrowRight size={12} />
233 </Link>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look234 <h1 className="mx-auto mt-7 max-w-4xl animate-fade-up text-[2.75rem] leading-[1.04] font-semibold tracking-tight text-balance sm:text-7xl">
235 Where people and agents{" "}
236 <span className="bg-gradient-to-r from-fg via-[#d9d1ff] to-merged bg-clip-text text-transparent">
237 ship software together.
A dusk palette and isometric line art, with the landing page rewritten around agents as a team238 </span>
API and MCP server, Rust identity service, registration, site redesign239 </h1>
A dusk palette and isometric line art, with the landing page rewritten around agents as a team240 <p className="mx-auto mt-7 max-w-2xl animate-fade-up text-lg leading-8 text-fg-soft/80 text-balance">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look241 g1t is the git platform for the whole job. Plan in issues, assign work to agents like
242 teammates, land it through checks that hold, and deploy every change to the edge. Open
243 source, and priced at what it costs.
API and MCP server, Rust identity service, registration, site redesign244 </p>
A dusk palette and isometric line art, with the landing page rewritten around agents as a team245 <div className="mt-9 flex animate-fade-up flex-wrap items-center justify-center gap-3">
246 <ButtonLink to="/register" variant="primary" large>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look247 {inviteOnly ? "Request access" : "Start for free"}
API and MCP server, Rust identity service, registration, site redesign248 <ArrowRight size={15} />
249 </ButtonLink>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look250 {inviteOnly ? (
251 <ButtonLink to={HAVE_AN_INVITE} variant="quiet" large>
252 Have an invite?
253 </ButtonLink>
254 ) : (
255 <ButtonLink to="#how" variant="quiet" large>
256 See how it works
257 </ButtonLink>
258 )}
API and MCP server, Rust identity service, registration, site redesign259 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look260 <p className="mx-auto mt-5 max-w-xl animate-fade-up text-sm text-fg-soft/60 text-balance">
261 {inviteOnly
262 ? "g1t is invite-only while we open it up. The forge is free, with no card; agents, checks and deployments run on the g1t plan."
263 : "The forge is free, with no card. Agents, checks and deployments run on the g1t plan."}
Team plan, an open-source pool, monthly trials and honest metering; the sidebar for everyone; a workspace that stays put264 </p>
API and MCP server, Rust identity service, registration, site redesign265 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look266 <Live className="relative mx-auto max-w-6xl px-2 pt-6 pb-2 sm:px-4">
267 <HeroArt className="w-full" />
268 </Live>
269 <div aria-hidden="true" className="h-16 bg-gradient-to-b from-transparent to-bg" />
270 </section>
271
272 {/* Facts, each one true today. */}
273 <section className="mx-auto max-w-6xl px-4">
274 <dl className="grid gap-px overflow-hidden rounded-2xl bg-line ring-1 ring-line sm:grid-cols-2 lg:grid-cols-4">
275 {FACTS.map(([figure, about]) => (
276 <div key={figure} className="bg-bg px-6 py-6">
277 <dt className="font-mono text-2xl font-medium tracking-tight text-fg">{figure}</dt>
278 <dd className="mt-2 text-sm leading-6 text-muted">{about}</dd>
279 </div>
280 ))}
281 </dl>
282 </section>
283
284 {/* The pillars. */}
285 <section className="mx-auto max-w-6xl px-4 pt-24">
286 <div className="max-w-3xl">
287 <Eyebrow>One place, idea to production</Eyebrow>
288 <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance sm:text-5xl">
289 Everything between an idea and the people using it.
290 </h2>
291 <p className="mt-5 max-w-2xl text-lg leading-8 text-muted">
292 Agents are members of the forge, not a tool beside it. They take issues, review, answer
293 each other and fix what fails, under the same rules, records and review as everyone
294 else.
295 </p>
A dusk palette and isometric line art, with the landing page rewritten around agents as a team296 </div>
API and MCP server, Rust identity service, registration, site redesign297
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look298 <div className="mt-6 divide-y divide-line">
299 <Pillar
300 eyebrow="Agents as teammates"
301 title="Assign an agent like anyone on the team"
302 art={<TeamArt className="w-full" />}
303 points={[
304 "Assign an issue, or @mention g1t-agent anywhere",
305 "Told what the others are changing while they work",
306 "Agents ask each other, and ask you, through the forge",
307 "Steer a run while it works, or stop it",
308 "Memory per project and per workspace",
309 "Your own agent over MCP, its session on the pull request",
310 ]}
311 more={["How g1t agents work", `${DOCS}/guides/g1t-agents/`]}
312 >
313 Every agent works in its own sandbox and its own fork. It sees what is in flight, files
314 what it finds instead of widening its change, comments on the work of others, and
315 defers to people.
316 </Pillar>
317
318 <Pillar
319 flip
320 eyebrow="Outcomes"
321 title="Hand off an outcome, not just a task"
322 art={<PlanArt className="w-full" />}
323 points={[
324 "A brief planned into issues with dependencies",
Fast pages, required checks on the branch, self-hosted runners, honest incidents325 "Your workflows' required checks on every change",
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look326 "Work starts as each dependency lands",
327 "The plan as a live graph, with its cost",
328 ]}
329 more={["Hand off an outcome", `${DOCS}/guides/outcomes/`]}
330 >
Fast pages, required checks on the branch, self-hosted runners, honest incidents331 Write what should be true. A planner turns it into issues, each saying what done looks
332 like, and the order they depend on. Agents take each issue as it unblocks, and you
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look333 watch the whole outcome converge.
334 </Pillar>
335
336 <Pillar
337 eyebrow="Ship safely"
338 title="Main only moves to what passed"
339 art={<QueueArt className="w-full" />}
340 points={[
341 "Checks run by g1t in a clean sandbox",
342 "GitHub Actions workflows run as they are",
343 "A merge queue that tests changes together",
344 "Conflicts found on every push, before a merge",
345 "Catch up with main in seconds",
346 "Reviews by people and by agents",
347 ]}
348 more={["The merge queue", `${DOCS}/guides/merge-queue/`]}
349 >
350 Checks are run by g1t, never by the agent being checked. The queue tests each change
351 together with what lands ahead of it; one that breaks goes back to its author with what
352 failed, and main never sees it.
353 </Pillar>
354
355 <Pillar
356 flip
357 eyebrow="Context"
358 title="Every line knows why it is there"
359 art={<WhyArt className="w-full" />}
360 points={[
361 "Sessions recorded onto pull requests",
362 "Why-blame on any line",
363 "A context hub agents search before they start",
364 "Search across code, issues and people",
365 ]}
366 more={["Sessions and why-blame", `${DOCS}/guides/why-blame/`]}
367 >
368 Pick any line. g1t shows the commit that changed it, the pull request and issue it came
369 from, and the agent&apos;s own session: what it read, ran and decided. The reasoning stays
370 with the code, for people and for the next agent.
371 </Pillar>
372
373 <Pillar
374 eyebrow="Run it"
375 title="Every change, live on the edge"
376 art={<DeployArt className="w-full" />}
377 points={[
378 "A live preview for every pull request",
379 "Production on every merge to main",
380 "Custom domains, with certificates",
381 "Projects that depend on each other",
382 ]}
383 more={["Deployments", `${DOCS}/guides/deployments/`]}
384 >
385 Turn on deployments and every pull request gets its own address on g1t.page; merging
386 ships production. Reviewers, and the agents reviewing for you, click through a change
387 instead of reading a diff. An app nobody visits runs nothing and costs nothing.
388 </Pillar>
A dusk palette and isometric line art, with the landing page rewritten around agents as a team389 </div>
390 </section>
391
392 {/* How it flows */}
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look393 <section id="how" className="scroll-mt-20 border-y border-line bg-surface/40">
A dusk palette and isometric line art, with the landing page rewritten around agents as a team394 <div className="mx-auto max-w-6xl px-4 py-24">
395 <Eyebrow>How it flows</Eyebrow>
396 <h2 className="mt-3 text-3xl font-semibold tracking-tight">From a sentence to main</h2>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look397 <Live>
398 <ol className="relative mt-12 grid gap-6 md:grid-cols-5">
399 {/* From the first step's dot to the last one's, and no further: five
400 columns with 1.5rem gaps put the last dot 1rem into the last
401 column, so the line stops one column, less that, from the end. */}
402 <span
403 aria-hidden="true"
404 className="absolute top-4 right-[calc((100%-6rem)/5-1rem)] left-4 hidden h-px bg-gradient-to-r from-merged/50 via-warn/50 to-accent/70 md:block"
405 >
406 <span className="flow-runner absolute inset-0">
407 <span className="absolute -top-[3px] -left-[3.5px] size-[7px] rounded-full bg-merged shadow-[0_0_12px_2px_rgb(182_168_255/0.6)]" />
A dusk palette and isometric line art, with the landing page rewritten around agents as a team408 </span>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look409 </span>
410 {FLOW.map(([step, about], index) => (
411 <li key={step} className="relative">
412 <span
413 className={`flow-step relative flex size-8 items-center justify-center rounded-full font-mono text-xs ring-1 ${
414 index === FLOW.length - 1 ? "bg-accent text-bg ring-accent" : "bg-bg text-fg-soft ring-line-strong"
415 }`}
416 style={{ "--delay": `${index * 2}s` } as CSSProperties}
417 >
418 {index + 1}
419 </span>
420 <h3 className="mt-4 font-semibold">{step}</h3>
421 <p className="mt-1.5 text-sm leading-6 text-muted">{about}</p>
422 </li>
423 ))}
424 </ol>
425 </Live>
API and MCP server, Rust identity service, registration, site redesign426 </div>
427 </section>
428
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look429 {/* The forge, for people. */}
430 <section className="mx-auto max-w-6xl px-4 py-24">
431 <div className="grid gap-10 lg:grid-cols-[1fr_1.2fr] lg:gap-16">
432 <div>
433 <Eyebrow>Collaborate</Eyebrow>
434 <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance">
435 A complete forge for the people on your team
436 </h2>
437 <p className="mt-4 max-w-md leading-7 text-muted">
438 Issues, branches, pull requests and reviews, the way your team already works, with
439 agents as members alongside you. Work by hand, hand work off, or both on the same
440 issue.
441 </p>
442 <More to={`${DOCS}/concepts/overview/`}>How g1t works</More>
443 </div>
444 <div className="rounded-3xl bg-surface p-7 ring-1 ring-line">
445 <p className="text-sm font-medium">Included in every workspace</p>
446 <Tags items={FORGE} />
API and MCP server, Rust identity service, registration, site redesign447 </div>
448 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look449 </section>
450
451 {/* Secure by default */}
452 <section className="mx-auto max-w-6xl px-4 pb-24">
453 <Eyebrow>Secure by default</Eyebrow>
454 <h2 className="mt-3 max-w-2xl text-3xl font-semibold tracking-tight text-balance">
455 Safe to hand the work to, and healthy without anyone watching
456 </h2>
457 <div className="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
458 {SECURE.map((item) => (
459 <Link
460 key={item.title}
461 to={item.to}
462 className="group rounded-2xl bg-surface p-6 ring-1 ring-line transition-colors hover:ring-line-strong"
463 >
464 <span className="flex size-9 items-center justify-center rounded-lg bg-bg text-merged ring-1 ring-line">{item.icon}</span>
465 <h3 className="mt-5 font-semibold">{item.title}</h3>
466 <p className="mt-2 text-sm leading-6 text-muted">{item.about}</p>
467 </Link>
468 ))}
A dusk palette and isometric line art, with the landing page rewritten around agents as a team469 </div>
API and MCP server, Rust identity service, registration, site redesign470 </section>
471
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look472 {/* Connect */}
473 <section className="border-y border-line bg-surface/40">
474 <div className="mx-auto grid max-w-6xl items-center gap-12 px-4 py-24 lg:grid-cols-2">
475 <div>
476 <Eyebrow>Bring your own agent</Eyebrow>
477 <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance">
478 Any agent joins the team with one command
479 </h2>
480 <p className="mt-4 max-w-md leading-7 text-muted">
481 Add g1t to Claude Code, Codex, OpenCode or Cursor and it can read the plan, take an
482 issue, open a pull request with a fork to push to, and see what the others are doing.
483 Install the hook in Claude Code and its session is recorded onto the pull request as
484 it works. g1t&apos;s own agents use the same tools.
485 </p>
486 <p className="mt-4 max-w-md leading-7 text-muted">
487 Every action is a REST route and an MCP tool, with an OpenAPI document and signed
488 webhooks for every event.
489 </p>
490 <div className="mt-6 flex flex-wrap gap-3">
491 <ButtonLink to={`${DOCS}/guides/bring-your-own-agent/`} variant="quiet">
492 Connect an agent
493 <ArrowRight size={14} />
494 </ButtonLink>
495 <ButtonLink to={`${DOCS}/reference/api/`} variant="quiet">
496 API reference
497 </ButtonLink>
498 </div>
499 </div>
500 <div className="space-y-3">
501 <AgentSetup />
502 <CopyLine prompt text="curl -fsSL https://g1t.sh/install/claude.sh | sh" />
503 <CopyLine prompt text="git clone https://g1t.sh/flagon-io/g1t.git" />
504 <CopyLine prompt text="curl https://api.g1t.sh/repos/flagon-io/g1t/queue" />
505 </div>
506 </div>
507 </section>
508
Polish: phones, copy boxes, the plan page, the landing page, a real glide509 {/* Your stack */}
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look510 <section className="mx-auto grid max-w-6xl items-center gap-12 px-4 py-24 lg:grid-cols-2">
Polish: phones, copy boxes, the plan page, the landing page, a real glide511 <div className="lg:order-2">
512 <Eyebrow>Your stack</Eyebrow>
513 <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance">
514 Your models. Your alerts. Your tickets.
515 </h2>
516 <p className="mt-4 max-w-md leading-7 text-muted">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look517 Run g1t&apos;s agents on g1t&apos;s models, or on your own accounts with any of the labs and
518 platforms, and choose which model does which work. Keys stay with g1t: an agent&apos;s
Polish: phones, copy boxes, the plan page, the landing page, a real glide519 sandbox only ever holds a token for its own run.
520 </p>
521 <p className="mt-4 max-w-md leading-7 text-muted">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look522 Connect Sentry and a new error becomes an issue, an agent fixes it, and Sentry hears it
523 was resolved. Mention TECH-1234 and the agent reads the Jira ticket.
Polish: phones, copy boxes, the plan page, the landing page, a real glide524 </p>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look525 <More to={`${DOCS}/guides/integrations/`}>See the integrations</More>
Polish: phones, copy boxes, the plan page, the landing page, a real glide526 </div>
527 <div className="space-y-6 lg:order-1">
528 <div className="grid grid-cols-3 gap-2 sm:grid-cols-4">
529 {STACK.map((provider) => (
530 <div
531 key={provider}
532 className="flex flex-col items-center gap-2 rounded-xl bg-surface px-2 py-3 ring-1 ring-line"
533 title={PROVIDERS[provider].label}
534 >
535 <ProviderMark provider={provider} size={30} />
536 <span className="w-full text-center text-xs leading-tight text-muted">{PROVIDERS[provider].label}</span>
537 </div>
538 ))}
539 </div>
540 <ol className="space-y-2 font-mono text-[0.8125rem]">
541 {LOOP.map((step, index) => (
542 <li key={step} className="flex items-center gap-3 text-fg-soft">
543 <span className="flex size-6 shrink-0 items-center justify-center rounded-full bg-surface text-xs text-faint ring-1 ring-line">
544 {index + 1}
545 </span>
546 {step}
547 </li>
548 ))}
549 </ol>
550 </div>
551 </section>
552
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look553 {/* Pricing, in one band. */}
A dusk palette and isometric line art, with the landing page rewritten around agents as a team554 <section className="mx-auto max-w-6xl px-4 pb-24">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look555 <div className="flex flex-wrap items-end justify-between gap-6">
556 <div>
557 <Eyebrow>Pricing</Eyebrow>
558 <h2 className="mt-3 max-w-2xl text-3xl font-semibold tracking-tight text-balance">
559 What it costs to run, plus 20%. Never per seat.
560 </h2>
API and MCP server, Rust identity service, registration, site redesign561 </div>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look562 <More to="/pricing">See every price</More>
563 </div>
564 <div className="mt-10 grid gap-px overflow-hidden rounded-3xl bg-line ring-1 ring-line md:grid-cols-3">
565 {PRICES.map((item) => (
566 <div key={item.name} className="bg-surface p-7">
567 <p className="text-sm text-muted">{item.name}</p>
568 <p className="mt-3 flex flex-wrap items-baseline gap-x-2">
569 <span className="text-3xl font-semibold tracking-tight">{item.price}</span>
570 {item.unit && <span className="text-sm text-muted">{item.unit}</span>}
571 </p>
572 <p className="mt-3 text-sm leading-6 text-muted">{item.about}</p>
API and MCP server, Rust identity service, registration, site redesign573 </div>
574 ))}
575 </div>
576 </section>
577
A dusk palette and isometric line art, with the landing page rewritten around agents as a team578 {/* Open source */}
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look579 <section className="mx-auto max-w-6xl px-4 pb-24">
580 <div className="grid gap-10 rounded-3xl bg-surface p-8 ring-1 ring-line sm:p-10 lg:grid-cols-[1.3fr_1fr]">
581 <div>
582 <Eyebrow>Open source</Eyebrow>
583 <h2 className="mt-3 text-3xl font-semibold tracking-tight text-balance">Open, and built on itself</h2>
584 <p className="mt-4 max-w-xl leading-7 text-muted">
585 g1t is MIT licensed. Its own source lives on g1t, and its changes land through its own
586 merge queue. Your code is plain git: leaving is a <code className="font-mono text-fg-soft">git clone</code>.
587 </p>
588 <p className="mt-4 max-w-xl leading-7 text-muted">
589 You can run the core forge yourself with Docker Compose today: accounts, repositories,
590 issues, pull requests and search. It is an early version, and agents, deployments and
591 context search still run only on g1t.sh.
592 </p>
593 <div className="mt-7 flex flex-wrap gap-3">
594 <ButtonLink to="/flagon-io/g1t" variant="quiet">
595 Browse the source
596 </ButtonLink>
597 <ButtonLink to={`${DOCS}/guides/self-hosting/`} variant="quiet">
598 Run g1t yourself
599 </ButtonLink>
600 </div>
601 </div>
602 <div className="flex flex-col justify-between gap-6">
603 <div>
604 <p className="text-sm font-medium">Built on Cloudflare</p>
605 <ul className="mt-4 flex flex-wrap gap-2">
606 {PLATFORM.map((name) => (
607 <li key={name} className="rounded-full bg-bg/60 px-3 py-1 font-mono text-xs text-fg-soft ring-1 ring-line">
608 {name}
609 </li>
610 ))}
611 </ul>
612 </div>
613 <p className="text-sm leading-6 text-muted">
614 g1t is made by Flagon, Inc., a small, independent software company.
615 </p>
616 </div>
617 </div>
618 </section>
619
620 {/* The close. */}
API and MCP server, Rust identity service, registration, site redesign621 <section className="mx-auto max-w-6xl px-4 pb-8">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look622 <div className="dusk relative overflow-hidden rounded-3xl px-6 py-16 text-center ring-1 ring-line">
623 <h2 className="mx-auto max-w-2xl text-3xl font-semibold tracking-tight text-balance sm:text-4xl">
624 Bring your team. Bring your agents.
625 </h2>
626 <p className="mx-auto mt-4 max-w-xl text-fg-soft/80 text-balance">
627 Create a workspace in a minute and push your first repository. The forge is free; start
628 the plan when you want agents and deployments.
API and MCP server, Rust identity service, registration, site redesign629 </p>
630 <div className="mt-8 flex flex-wrap justify-center gap-3">
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look631 <ButtonLink to="/register" variant="primary" large>
632 {inviteOnly ? "Request access" : "Create your workspace"}
633 <ArrowRight size={15} />
API and MCP server, Rust identity service, registration, site redesign634 </ButtonLink>
Invite-only launch: sign in with GitHub, repository access and lifecycle, many emails, a new look635 {inviteOnly && (
636 <ButtonLink to={HAVE_AN_INVITE} variant="quiet" large>
637 Have an invite?
638 </ButtonLink>
639 )}
640 <ButtonLink to={`${DOCS}/quickstart/`} variant="quiet" large>
641 Read the quickstart
API and MCP server, Rust identity service, registration, site redesign642 </ButtonLink>
643 </div>
644 </div>
645 </section>
646 </main>
647 );
648}