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 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#0a0a0a" />
-    <meta name="description" content="Gadget Code — Self-hosted Agentic Engineering Platform. Build software with AI agents on your infrastructure, under your control." />
-    <meta property="og:title" content="Gadget Code — Self-Hosted Agentic Engineering" />
-    <meta property="og:description" content="The platform where AI agents and humans build software together — on your infrastructure, under your control." />
+    <meta name="description" content="Gadget AI — Home of Gadget Agent (your agentic browser assistant) and Gadget Code (self-hosted agentic engineering platform). AI that works for you, on your terms." />
+    <meta property="og:title" content="Gadget AI — Agentic Engineering & Browser Assistant" />
+    <meta property="og:description" content="Home of Gadget Agent — your agentic browser assistant — and Gadget Code — the self-hosted agentic engineering platform. AI that works for you, on your terms." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://g4dge7.com" />
     <meta property="og:image" content="/web-app.png" />
     <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content="Gadget Code — Self-Hosted Agentic Engineering" />
-    <meta name="twitter:description" content="The platform where AI agents and humans build software together — on your infrastructure, under your control." />
+    <meta name="twitter:title" content="Gadget AI — Agentic Engineering & Browser Assistant" />
+    <meta name="twitter:description" content="Home of Gadget Agent — your agentic browser assistant — and Gadget Code — the self-hosted agentic engineering platform." />
     <link rel="icon" type="image/png" href="/favicon.png" />
-    <title>Gadget Code — Self-Hosted Agentic Engineering Platform</title>
+    <title>Gadget AI — Agentic Engineering & Browser Assistant</title>
   </head>
   <body>
     <a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-brand focus:text-white">
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() {
       <main className="flex-1">
         <Hero />
         <div className="section-divider" />
+        <GadgetAgentSection />
+        <div className="section-divider" />
         <ProblemSection />
         <div className="section-divider" />
         <GadgetCodeSection />
         <div className="section-divider" />
-        <GadgetSection />
-        <div className="section-divider" />
         <BuiltWithSection />
         <div className="section-divider" />
         <GetStartedSection />
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() {
           </div>
 
           <p className="text-text-secondary leading-relaxed mb-4">
-            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() {
           </p>
 
           <p className="text-text-muted leading-relaxed text-sm italic">
-            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.
           </p>
 
           {/* 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 id="gadget" className="py-20 px-6">
       <div className="max-w-6xl mx-auto">
         {/* Section Header */}
-        <div className="text-center mb-16">
+        <div className="text-center mb-12">
           <span className="text-xs font-mono tracking-widest text-brand mb-3 block">
             PRODUCT
           </span>
           <h2 className="text-3xl md:text-4xl font-mono font-bold tracking-tight text-text-primary">
-            Gadget: AI Where You Work
+            Gadget Agent: AI That Works For You
           </h2>
           <p className="mt-4 text-text-secondary max-w-2xl mx-auto">
-            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.
           </p>
         </div>
 
+        {/* Video Demo */}
+        <div className="max-w-3xl mx-auto mb-12">
+          <div className="aspect-video w-full rounded-lg overflow-hidden border border-border-default">
+            <iframe
+              src="https://www.youtube.com/embed/u0QFS7uSVRo"
+              title="Gadget Agent Demo"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+              className="w-full h-full"
+            />
+          </div>
+        </div>
+
         {/* Two Sub-Sections */}
         <div className="grid md:grid-cols-2 gap-6 mb-8">
           {/* Browser Extension */}
@@ -36,7 +49,7 @@ export default function GadgetSection() {
             </div>
 
             <p className="text-sm text-text-secondary leading-relaxed mb-4">
-              An agentic sidebar integrated into your browsing. Gadget understands
+              An agentic sidebar integrated into your browsing. Gadget Agent understands
               the page you're on and can perform actions on your behalf — research,
               form-filling, summarization, and more. It's AI that works where you
               already are.
@@ -62,20 +75,18 @@ export default function GadgetSection() {
               <h4 className="font-mono text-xs font-bold tracking-wide text-text-muted mb-3">
                 INSTALLATION
               </h4>
-              <div className="space-y-3 text-xs text-text-muted font-mono">
-                <div>
-                  <span className="text-text-secondary">Chrome / Chromium:</span>
-                  <p className="mt-1">Settings → Extensions → Enable Developer Mode → Load Unpacked → Select extension directory</p>
-                </div>
-                <div>
-                  <span className="text-text-secondary">Firefox:</span>
-                  <p className="mt-1">about:debugging → This Firefox → Load Temporary Add-on → Select manifest.json from extension directory</p>
-                </div>
-                <div>
-                  <span className="text-text-secondary">Microsoft Edge:</span>
-                  <p className="mt-1">edge://extensions → Enable Developer Mode → Load Unpacked → Select extension directory</p>
-                </div>
-              </div>
+              <p className="text-xs text-text-muted font-mono">
+                Download the extension from{' '}
+                <a
+                  href="https://agent.g4dge7.com/"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="text-brand hover:text-brand-light underline underline-offset-2"
+                >
+                  agent.g4dge7.com
+                </a>
+                {' '}and load it as an unpacked/dev-mode extension in your browser.
+              </p>
             </div>
           </div>
 
@@ -94,9 +105,18 @@ export default function GadgetSection() {
             </div>
 
             <p className="text-sm text-text-secondary leading-relaxed mb-4">
-              Your personal knowledge engine. Chat with your information, meetings,
-              documents, and notes. Persistent, searchable, and actionable. Gadget
-              connects what you know to what you need.
+              Your personal knowledge engine, hosted at{' '}
+              <a
+                href="https://agent.g4dge7.com/"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-brand hover:text-brand-light underline underline-offset-2"
+              >
+                agent.g4dge7.com
+              </a>
+              . Chat with your information, meetings, documents, and notes.
+              Persistent, searchable, and actionable. Gadget Agent connects what
+              you know to what you need.
             </p>
 
             <div className="space-y-2 text-sm text-text-muted">
@@ -125,6 +145,24 @@ export default function GadgetSection() {
             </div>
           </div>
         </div>
+
+        {/* CTA */}
+        <div className="text-center">
+          <a
+            href="https://agent.g4dge7.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center gap-2 px-8 py-3 text-sm font-mono tracking-wider bg-brand hover:bg-brand-light text-white rounded transition-all shadow-lg shadow-brand/20"
+          >
+            GET GADGET AGENT
+            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" className="ml-1">
+              <path d="M1 7h12M8 3l4 4-4 4" stroke="currentColor" strokeWidth="1.5" />
+            </svg>
+          </a>
+          <p className="mt-3 text-xs font-mono text-text-muted">
+            Usage-based billing · Purchase credits via Stripe · Stored in your Gadget Wallet
+          </p>
+        </div>
       </div>
     </section>
   );
diff --git a/site/src/components/GadgetCodeSection.tsx b/site/src/components/GadgetCodeSection.tsx
index e5d526c..609e10a 100644
--- a/site/src/components/GadgetCodeSection.tsx
+++ b/site/src/components/GadgetCodeSection.tsx
@@ -56,6 +56,19 @@ export default function GadgetCodeSection() {
           </p>
         </div>
 
+        {/* Video Demo */}
+        <div className="max-w-3xl mx-auto mb-12">
+          <div className="aspect-video w-full rounded-lg overflow-hidden border border-border-default">
+            <iframe
+              src="https://www.youtube.com/embed/hRp68KTq_2s"
+              title="Gadget Code Demo"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+              allowFullScreen
+              className="w-full h-full"
+            />
+          </div>
+        </div>
+
         {/* Feature Grid */}
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
           {FEATURES.map((feature) => (
@@ -82,7 +95,7 @@ export default function GadgetCodeSection() {
         {/* CTA */}
         <div className="mt-12 text-center">
           <a
-            href="https://git.g4dge7.com"
+            href="https://git.g4dge7.com/dtp/gadget"
             target="_blank"
             rel="noopener noreferrer"
             className="inline-flex items-center gap-2 px-8 py-3 text-sm font-mono tracking-wider border border-brand bg-brand hover:bg-brand-light text-white rounded transition-all shadow-lg shadow-brand/20"
diff --git a/site/src/components/GetStartedSection.tsx b/site/src/components/GetStartedSection.tsx
index afd4d59..9a5bde9 100644
--- a/site/src/components/GetStartedSection.tsx
+++ b/site/src/components/GetStartedSection.tsx
@@ -12,9 +12,82 @@ export default function GetStartedSection() {
           </h2>
         </div>
 
-        {/* Two Columns */}
+        {/* Two Columns — Gadget Agent first (featured), Gadget Code second */}
         <div className="grid md:grid-cols-2 gap-6">
-          {/* Gadget Code (Free) */}
+
+          {/* ── Gadget Agent (Usage-Based) ───────────────────────── */}
+          <div className="bg-bg-secondary border border-border-default rounded-lg p-6 relative overflow-hidden">
+            {/* Animated accent line */}
+            <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-brand to-transparent animate-pulse-glow" />
+
+            {/* Status header */}
+            <div className="flex items-center gap-2 mb-4">
+              <div className="w-1.5 h-1.5 rounded-full bg-cyan-glow animate-pulse-glow" />
+              <span className="text-xs font-mono tracking-widest text-cyan-glow/80">
+                USAGE-BASED
+              </span>
+            </div>
+
+            <h3 className="text-2xl font-mono font-bold text-text-primary mb-2">
+              Gadget Agent
+            </h3>
+
+            <p className="text-text-secondary text-sm mb-1">
+              Agentic Browser Assistant
+            </p>
+            <p className="text-text-muted text-xs mb-6">
+              Purchase credits via Stripe. Credits stored in your Gadget Wallet.
+              Debited as your agent works for you.
+            </p>
+
+            {/* Features */}
+            <div className="mb-6 text-xs text-text-muted font-mono space-y-1">
+              <div className="flex items-center gap-2">
+                <span className="text-brand">▸</span>
+                <span>Agentic browser sidebar</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <span className="text-brand">▸</span>
+                <span>Personal knowledge engine web app</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <span className="text-brand">▸</span>
+                <span>Chrome, Firefox, and Edge support</span>
+              </div>
+              <div className="flex items-center gap-2">
+                <span className="text-brand">▸</span>
+                <span>No subscription — pay only for what you use</span>
+              </div>
+            </div>
+
+            {/* CTAs */}
+            <a
+              href="https://agent.g4dge7.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-cyan-glow/50 bg-cyan-glow/10 hover:bg-cyan-glow/20 text-cyan-glow rounded transition-all mb-3"
+            >
+              GET GADGET AGENT
+            </a>
+            <a
+              href="https://agent.g4dge7.com/"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-border-default hover:border-border-highlight text-text-secondary hover:text-text-primary rounded transition-all"
+            >
+              LEARN MORE
+            </a>
+
+            {/* "Built with" badge */}
+            <div className="mt-4 flex items-center justify-center gap-2">
+              <div className="w-1 h-1 rounded-full bg-green-glow" />
+              <span className="text-xs font-mono text-text-muted tracking-wide">
+                BUILT WITH GADGET CODE
+              </span>
+            </div>
+          </div>
+
+          {/* ── Gadget Code (Free & Open Source) ─────────────────── */}
           <div className="bg-bg-secondary border border-border-default rounded-lg p-6">
             {/* Status header */}
             <div className="flex items-center gap-2 mb-4">
@@ -53,7 +126,7 @@ export default function GetStartedSection() {
 
             {/* CTAs */}
             <a
-              href="https://git.g4dge7.com"
+              href="https://git.g4dge7.com/dtp/gadget"
               target="_blank"
               rel="noopener noreferrer"
               className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-brand bg-brand hover:bg-brand-light text-white rounded transition-all mb-3"
@@ -61,75 +134,14 @@ export default function GetStartedSection() {
               GET THE SOURCE CODE
             </a>
             <a
-              href="https://g4dge7.com/docs/install/"
+              href="https://git.g4dge7.com/dtp/gadget/src/branch/master/docs/install/README.md"
+              target="_blank"
+              rel="noopener noreferrer"
               className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-border-default hover:border-border-highlight text-text-secondary hover:text-text-primary rounded transition-all"
             >
               INSTALLATION GUIDE
             </a>
           </div>
-
-          {/* Gadget (Subscription) */}
-          <div className="bg-bg-secondary border border-border-default rounded-lg p-6 relative overflow-hidden">
-            {/* Animated accent line */}
-            <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-brand to-transparent animate-pulse-glow" />
-
-            {/* Status header */}
-            <div className="flex items-center gap-2 mb-4">
-              <div className="w-1.5 h-1.5 rounded-full bg-cyan-glow animate-pulse-glow" />
-              <span className="text-xs font-mono tracking-widest text-cyan-glow/80">
-                SUBSCRIPTION
-              </span>
-            </div>
-
-            <h3 className="text-2xl font-mono font-bold text-text-primary mb-2">
-              Gadget
-            </h3>
-
-            <p className="text-text-secondary text-sm mb-1">
-              AI in Your Browser
-            </p>
-            <p className="text-text-muted text-xs mb-6">
-              Subscription-based. Cancel anytime. Pay-as-you-go metered use also available.
-            </p>
-
-            {/* Features */}
-            <div className="mb-6 text-xs text-text-muted font-mono space-y-1">
-              <div className="flex items-center gap-2">
-                <span className="text-brand">▸</span>
-                <span>Agentic browser sidebar</span>
-              </div>
-              <div className="flex items-center gap-2">
-                <span className="text-brand">▸</span>
-                <span>Personal knowledge engine web app</span>
-              </div>
-              <div className="flex items-center gap-2">
-                <span className="text-brand">▸</span>
-                <span>Chrome, Firefox, and Edge support</span>
-              </div>
-            </div>
-
-            {/* CTAs */}
-            <a
-              href="#subscribe"
-              className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-cyan-glow/50 bg-cyan-glow/10 hover:bg-cyan-glow/20 text-cyan-glow rounded transition-all mb-3"
-            >
-              SUBSCRIBE NOW
-            </a>
-            <a
-              href="#gadget"
-              className="block w-full text-center px-6 py-3 text-sm font-mono tracking-wider border border-border-default hover:border-border-highlight text-text-secondary hover:text-text-primary rounded transition-all"
-            >
-              LEARN MORE
-            </a>
-
-            {/* "Built with" badge */}
-            <div className="mt-4 flex items-center justify-center gap-2">
-              <div className="w-1 h-1 rounded-full bg-green-glow" />
-              <span className="text-xs font-mono text-text-muted tracking-wide">
-                BUILT WITH GADGET CODE
-              </span>
-            </div>
-          </div>
         </div>
       </div>
     </section>
diff --git a/site/src/components/Header.tsx b/site/src/components/Header.tsx
index ff851d1..cc88a37 100644
--- a/site/src/components/Header.tsx
+++ b/site/src/components/Header.tsx
@@ -7,7 +7,7 @@ interface HeaderProps {
 const NAV_LINKS = [
   { label: 'Why Gadget Code', href: '#why' },
   { label: 'Gadget Code', href: '#gadget-code' },
-  { label: 'Gadget', href: '#gadget' },
+  { label: 'Gadget Agent', href: '#gadget' },
   { label: 'Get Started', href: '#get-started' },
 ];
 
@@ -36,11 +36,11 @@ export default function Header({ scrolled }: HeaderProps) {
         <a href="#" className="flex items-center gap-3 group">
           <img
             src="/favicon.png"
-            alt="Gadget Code"
+            alt="Gadget AI"
             className="w-6 h-6"
           />
           <span className="font-mono text-sm font-bold tracking-wider text-text-primary group-hover:text-brand transition-colors">
-            GADGET CODE
+            GADGET AI
           </span>
         </a>
 
@@ -60,7 +60,7 @@ export default function Header({ scrolled }: HeaderProps) {
         {/* Desktop CTAs */}
         <div className="hidden md:flex items-center gap-3">
           <a
-            href="https://git.g4dge7.com"
+            href="https://git.g4dge7.com/dtp/gadget"
             target="_blank"
             rel="noopener noreferrer"
             className="px-3 py-1.5 text-xs font-mono tracking-wide border border-border-default rounded hover:border-border-highlight hover:text-text-primary text-text-secondary transition-all"
@@ -68,10 +68,12 @@ export default function Header({ scrolled }: HeaderProps) {
             GET SOURCE
           </a>
           <a
-            href="#get-started"
+            href="https://agent.g4dge7.com/"
+            target="_blank"
+            rel="noopener noreferrer"
             className="px-3 py-1.5 text-xs font-mono tracking-wide bg-brand hover:bg-brand-light text-white rounded transition-colors"
           >
-            SUBSCRIBE
+            GET GADGET AGENT
           </a>
         </div>
 
@@ -109,7 +111,7 @@ export default function Header({ scrolled }: HeaderProps) {
             ))}
             <div className="flex gap-3 pt-2 border-t border-border-default">
               <a
-                href="https://git.g4dge7.com"
+                href="https://git.g4dge7.com/dtp/gadget"
                 target="_blank"
                 rel="noopener noreferrer"
                 className="px-3 py-1.5 text-xs font-mono tracking-wide border border-border-default rounded text-text-secondary hover:text-text-primary"
@@ -117,11 +119,13 @@ export default function Header({ scrolled }: HeaderProps) {
                 GET SOURCE
               </a>
               <a
-                href="#get-started"
+                href="https://agent.g4dge7.com/"
+                target="_blank"
+                rel="noopener noreferrer"
                 onClick={() => setMobileOpen(false)}
                 className="px-3 py-1.5 text-xs font-mono tracking-wide bg-brand text-white rounded"
               >
-                SUBSCRIBE
+                GET GADGET AGENT
               </a>
             </div>
           </nav>
diff --git a/site/src/components/Hero.tsx b/site/src/components/Hero.tsx
index fd00134..960a954 100644
--- a/site/src/components/Hero.tsx
+++ b/site/src/components/Hero.tsx
@@ -80,16 +80,18 @@ export default function Hero() {
         {/* CTAs */}
         <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
           <a
-            href="#gadget-code"
-            className="px-8 py-3 text-sm font-mono tracking-wider border border-brand bg-brand hover:bg-brand-light text-white rounded transition-all shadow-lg shadow-brand/20"
+            href="https://agent.g4dge7.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="px-8 py-3 text-sm font-mono tracking-wider bg-brand hover:bg-brand-light text-white rounded transition-all shadow-lg shadow-brand/20"
           >
-            GET GADGET CODE
+            GET GADGET AGENT
           </a>
           <a
-            href="#gadget"
-            className="px-8 py-3 text-sm font-mono tracking-wider border border-border-default hover:border-border-highlight text-text-secondary hover:text-text-primary rounded transition-all"
+            href="#gadget-code"
+            className="px-8 py-3 text-sm font-mono tracking-wider bg-brand hover:bg-brand-light text-white rounded transition-all shadow-lg shadow-brand/20"
           >
-            GET GADGET
+            GET GADGET CODE
           </a>
         </div>
 
