From 40e0fb1bbc91601ea20872bead0f8a61797c36c0 Mon Sep 17 00:00:00 2001 From: Rob Colbert Date: Tue, 26 May 2026 18:14:33 -0400 Subject: [PATCH] landing page updated for Gadget Agent release --- site/index.html | 12 +- site/src/App.tsx | 6 +- site/src/components/BuiltWithSection.tsx | 6 +- ...dgetSection.tsx => GadgetAgentSection.tsx} | 86 ++++++++--- site/src/components/GadgetCodeSection.tsx | 15 +- site/src/components/GetStartedSection.tsx | 146 ++++++++++-------- site/src/components/Header.tsx | 22 +-- site/src/components/Hero.tsx | 14 +- 8 files changed, 188 insertions(+), 119 deletions(-) rename site/src/components/{GadgetSection.tsx => GadgetAgentSection.tsx} (64%) diff --git a/site/index.html b/site/index.html index 424e8ab..4856450 100644 --- a/site/index.html +++ b/site/index.html @@ -4,17 +4,17 @@ - - - + + + - - + + - Gadget Code — Self-Hosted Agentic Engineering Platform + Gadget AI — Agentic Engineering & Browser Assistant diff --git a/site/src/App.tsx b/site/src/App.tsx index 9cd4e38..d9ac490 100644 --- a/site/src/App.tsx +++ b/site/src/App.tsx @@ -3,7 +3,7 @@ import Header from './components/Header'; import Hero from './components/Hero'; import ProblemSection from './components/ProblemSection'; import GadgetCodeSection from './components/GadgetCodeSection'; -import GadgetSection from './components/GadgetSection'; +import GadgetAgentSection from './components/GadgetAgentSection'; import BuiltWithSection from './components/BuiltWithSection'; import GetStartedSection from './components/GetStartedSection'; import Footer from './components/Footer'; @@ -23,12 +23,12 @@ export default function App() {
+ +
- -
diff --git a/site/src/components/BuiltWithSection.tsx b/site/src/components/BuiltWithSection.tsx index 9f4dac9..4522b7b 100644 --- a/site/src/components/BuiltWithSection.tsx +++ b/site/src/components/BuiltWithSection.tsx @@ -23,7 +23,7 @@ export default function BuiltWithSection() {

- Gadget — the browser extension and web app — was built using Gadget Code. + Gadget Agent — the agentic browser assistant — was built using Gadget Code. Every feature, every line, every agent-assisted commit. The AI agent participated in development across all five workspace modes: Inspect, Station, Update, Agent, and Agent+. @@ -37,8 +37,8 @@ export default function BuiltWithSection() {

- We don't ship anything we wouldn't use ourselves. Gadget Code built Gadget. - Gadget proves Gadget Code works. + We don't ship anything we wouldn't use ourselves. Gadget Code built Gadget Agent. + Gadget Agent proves Gadget Code works.

{/* Visual data strip */} diff --git a/site/src/components/GadgetSection.tsx b/site/src/components/GadgetAgentSection.tsx similarity index 64% rename from site/src/components/GadgetSection.tsx rename to site/src/components/GadgetAgentSection.tsx index a76c982..65997c6 100644 --- a/site/src/components/GadgetSection.tsx +++ b/site/src/components/GadgetAgentSection.tsx @@ -1,22 +1,35 @@ -export default function GadgetSection() { +export default function GadgetAgentSection() { return (
{/* Section Header */} -
+
PRODUCT

- Gadget: AI Where You Work + Gadget Agent: AI That Works For You

- An agentic sidebar for your browser and a personal knowledge engine. - Gadget understands context, performs actions, and keeps your information - connected and actionable. + Your agentic browser assistant. Gadget Agent understands context, + performs actions on your behalf, and keeps your information connected + and actionable — powered by usage-based credits, not subscriptions.

+ {/* Video Demo */} +
+
+