From c69161399431d15c6b6537c2b5667e63cf58100d Mon Sep 17 00:00:00 2001
From: Pavilion-devs <olaboyefavour52@gmail.com>
Date: Tue, 11 Aug 2026 11:02:14 +0100
Subject: [PATCH] feat: add landing page demo CTA

---
 apps/console/app/home/page.tsx            | 9 +++++++++
 apps/console/tests/rendered-html.test.mjs | 2 ++
 2 files changed, 11 insertions(+)

diff --git a/apps/console/app/home/page.tsx b/apps/console/app/home/page.tsx
index 0b8eb05..31d8038 100644
--- a/apps/console/app/home/page.tsx
+++ b/apps/console/app/home/page.tsx
@@ -138,6 +138,15 @@ export default function LandingPage() {
               >
                 Read the docs
               </Link>
+              <a
+                href="https://youtu.be/g-j9zD5cxLk"
+                target="_blank"
+                rel="noreferrer"
+                className="inline-flex min-h-11 items-center justify-center gap-2 rounded-full bg-accent px-6 text-[14px] font-semibold text-on-accent transition-transform hover:-translate-y-0.5"
+              >
+                <Icon icon="solar:play-circle-linear" className="h-[18px] w-[18px]" />
+                Watch demo
+              </a>
               <Link
                 href="/docs/architecture"
                 className="inline-flex min-h-11 items-center justify-center rounded-full border border-line bg-panel px-6 text-[14px] font-semibold transition-colors hover:border-line-strong"
diff --git a/apps/console/tests/rendered-html.test.mjs b/apps/console/tests/rendered-html.test.mjs
index 287c04b..77ac482 100644
--- a/apps/console/tests/rendered-html.test.mjs
+++ b/apps/console/tests/rendered-html.test.mjs
@@ -37,6 +37,8 @@ test("renders the public product, documentation, and architecture surfaces", asy
   assert.match(landingHtml, /GlassBox tells you what your agents did because of it/);
   assert.match(landingHtml, /href="\/docs"/);
   assert.match(landingHtml, /href="\/docs\/architecture"/);
+  assert.match(landingHtml, /href="https:\/\/youtu\.be\/g-j9zD5cxLk"/);
+  assert.match(landingHtml, />Watch demo</);
   assert.doesNotMatch(landingHtml, /Service-account token|Create ingestion key/);
 
   const docs = await render("/docs");