diff --git a/frontend/public/get-started-poster.jpg b/frontend/public/get-started-poster.jpg new file mode 100644 index 0000000..f230b6c Binary files /dev/null and b/frontend/public/get-started-poster.jpg differ diff --git a/frontend/public/get-started.mp4 b/frontend/public/get-started.mp4 new file mode 100644 index 0000000..bc02adc Binary files /dev/null and b/frontend/public/get-started.mp4 differ diff --git a/frontend/src/pages/get-started.tsx b/frontend/src/pages/get-started.tsx index e632607..b69d375 100644 --- a/frontend/src/pages/get-started.tsx +++ b/frontend/src/pages/get-started.tsx @@ -77,6 +77,28 @@ export default function GetStarted() { + {/* Video walkthrough — first thing operators see. preload="none" + keeps the page fast: the 13MB MP4 only downloads when the user + clicks play. Self-hosted on Vercel (no third-party tracking, + no YouTube cookies). */} +
+
+ +
+

+ 3:29 walkthrough — deploy an autonomous agent on XPR Network in six steps. The written guide below covers the same flow with every command copy-pasteable. +

+
+ {/* Role Selector */}