From 0d0f2826d99aa60512fead538d50aa9546402528 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Thu, 12 Feb 2026 14:01:19 +0700
Subject: [PATCH] website: make install command primary hero CTA

---
 packages/website/src/routes/index.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/routes/index.tsx b/packages/website/src/routes/index.tsx
index 7d39e8a4c..c316b2971 100644
--- a/packages/website/src/routes/index.tsx
+++ b/packages/website/src/routes/index.tsx
@@ -180,18 +180,26 @@ function Feature({
 
 function GetStarted() {
   return (
-    <div className="pt-10">
-      <div className="flex flex-col sm:flex-row gap-3 mb-4">
+    <div className="pt-10 space-y-4">
+      <CodeBlock>npm install -g @getpaseo/cli && paseo</CodeBlock>
+      <div className="flex flex-col sm:flex-row gap-3">
         <a
           href="https://github.com/getpaseo/paseo/releases/latest"
           target="_blank"
           rel="noopener noreferrer"
-          className="inline-flex items-center justify-center rounded-lg bg-white text-black px-4 py-2 text-sm font-medium hover:bg-white/90 transition-colors"
+          className="inline-flex items-center justify-center rounded-lg border border-white/20 px-4 py-2 text-sm font-medium text-white hover:bg-white/10 transition-colors"
         >
           Download for Mac
         </a>
+        <a
+          href="https://app.paseo.sh"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="inline-flex items-center justify-center rounded-lg border border-white/20 px-4 py-2 text-sm font-medium text-white hover:bg-white/10 transition-colors"
+        >
+          Launch Web App
+        </a>
       </div>
-      <CodeBlock>npm install -g @getpaseo/cli && paseo</CodeBlock>
     </div>
   )
 }