From 70207d0c7e9cd6f16936b3a0b0f25314805f14c3 Mon Sep 17 00:00:00 2001
From: Meng Zhang <meng@tabbyml.com>
Date: Wed, 8 May 2024 23:25:13 -0700
Subject: [PATCH] docs: add View Live Demo button to document page

---
 website/src/pages/index.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 5e0ea8552120..afb850db4968 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -15,9 +15,14 @@ function HomepageHeader() {
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
 
-        <div className={styles.buttons}>
+        <div className="flex justify-center items-center gap-4 max-w-md mx-auto">
           <Link
-            className="button button--secondary button--lg"
+            className="button button--secondary button--md flex-1"
+            to="https://links.tabbyml.com/live-demo">
+              View Live Demo 🚀
+          </Link>
+          <Link
+            className="button button--primary border-neutral-800 bg-neutral-800 flex-1 hover:opacity-[0.85]"
             to="/docs/getting-started">
             Tutorial - 5min ⏱️
           </Link>