diff --git a/apps/marketing/public/app-desktop.webp b/apps/marketing/public/app-desktop.webp new file mode 100644 index 0000000000000000000000000000000000000000..11b51331eef3493fd0abf8e2dc2169c226f1ed0f Binary files /dev/null and b/apps/marketing/public/app-desktop.webp differ diff --git a/apps/marketing/public/harnesses/antigravity.png b/apps/marketing/public/harnesses/antigravity.png new file mode 100644 index 0000000000000000000000000000000000000000..df1e22dbbd21d36bd16ebac43ddaba343e860418 Binary files /dev/null and b/apps/marketing/public/harnesses/antigravity.png differ diff --git a/apps/marketing/public/updated-screenshot.webp b/apps/marketing/public/updated-screenshot.webp deleted file mode 100644 index c245ddb64a1af9025681e4cba48f328dd7239bdb..0000000000000000000000000000000000000000 Binary files a/apps/marketing/public/updated-screenshot.webp and /dev/null differ diff --git a/apps/marketing/src/layouts/Layout.astro b/apps/marketing/src/layouts/Layout.astro index f5e34d0e048583ae6c87cbb21a4a9915bb8b9d01..686b555fd4c0a368cb81fcecd4e0047e4438f607 100644 --- a/apps/marketing/src/layouts/Layout.astro +++ b/apps/marketing/src/layouts/Layout.astro @@ -14,7 +14,7 @@ interface Props { const { title = "T3 Code", - description = "T3 Code — The open-source control plane for coding agents.", + description = "T3 Code. The open-source control plane for coding agents.", pageClass, } = Astro.props; --- @@ -268,21 +268,17 @@ const { } } - @keyframes pulse { - 50% { opacity: 0.4; } + /* Page-load sequence: [data-rise] plays once with delay --d. */ + @keyframes rise { + from { opacity: 0; transform: translateY(16px); } + to { opacity: 1; transform: none; } } - - @keyframes spin { - to { transform: rotate(360deg); } + [data-rise] { + animation: rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both; + animation-delay: var(--d, 0ms); } - - @keyframes floatDrift { - 0%, 100% { translate: 0 0; } - 50% { translate: 0 -10px; } - } - - @keyframes blink { - 50% { opacity: 0; } + @media (prefers-reduced-motion: reduce) { + [data-rise] { animation: none; } } diff --git a/apps/marketing/src/lib/site.ts b/apps/marketing/src/lib/site.ts index 0bf89db8c0f2e921b6a5a4ab1a53d744bba29c73..4d0c6da86c432e2ec361d2909646e6979c4458ff 100644 --- a/apps/marketing/src/lib/site.ts +++ b/apps/marketing/src/lib/site.ts @@ -7,6 +7,6 @@ export const ANDROID_PLAY_STORE_URL = "https://play.google.com/store/apps/details?id=com.t3tools.t3code"; export const MARKETING_STATS = { - githubStars: "14k+", - users: "100,000", + githubStars: "21k+", + users: "200,000", } as const; diff --git a/apps/marketing/src/pages/index.astro b/apps/marketing/src/pages/index.astro index e45cb760287308be9befc120a6344225255ce69d..6b45f1a1bbc379d285c08169462d329fdad0058f 100644 --- a/apps/marketing/src/pages/index.astro +++ b/apps/marketing/src/pages/index.astro @@ -26,34 +26,31 @@ const mobileEndorsementRows = [

- The open-source
control plane
for coding agents. + The open-source
control plane
for coding agents.

-

- Orchestrate Claude Code, Codex, OpenCode, Cursor, and Grok from one surface. +

+ Orchestrate Claude Code, Codex, Antigravity, OpenCode, Cursor, and Grok from one surface. Bring your own subscription. Fork the whole thing.

-
+
-
-
- T3 Code app showing multiple coding agent threads in one workspace -
+ +
+
+
+ T3 Code with a settled thread beside its pull request diff +
+
@@ -186,9 +186,9 @@ const mobileEndorsementRows = [

Bring your own sub

- T3 Code doesn't resell tokens. Plug in Claude Code, Codex, OpenCode, - Cursor, or Grok with the credentials you already have — we orchestrate - them, you keep your plan. + T3 Code doesn't resell tokens. Plug in Claude Code, Codex, Antigravity, + OpenCode, Cursor, or Grok with the credentials you already have. We + orchestrate them, you keep your plan.

@@ -228,6 +228,13 @@ const mobileEndorsementRows = [
grok login
+
+
+
+
Antigravity
+
Google sign-in
+
+
@@ -455,6 +462,28 @@ const mobileEndorsementRows = [ } init(); + + // Marks lean a few pixels toward the pointer, each by its own depth. + const hero = document.querySelector(".hero"); + const field = document.querySelector(".hero-float"); + const fine = window.matchMedia("(pointer: fine) and (prefers-reduced-motion: no-preference)").matches; + if (hero && field && fine) { + let raf = 0; + let nx = 0; + let ny = 0; + const apply = () => { + raf = 0; + field.style.setProperty("--px", `${(nx * 18).toFixed(1)}px`); + field.style.setProperty("--py", `${(ny * 14).toFixed(1)}px`); + }; + hero.addEventListener("pointermove", (e) => { + const r = hero.getBoundingClientRect(); + nx = ((e.clientX - r.left) / r.width - 0.5) * 2; + ny = ((e.clientY - r.top) / r.height - 0.5) * 2; + if (!raf) raf = requestAnimationFrame(apply); + }); + hero.addEventListener("pointerleave", () => { nx = 0; ny = 0; if (!raf) raf = requestAnimationFrame(apply); }); + }