Update web

Author: ajhai

web/docusaurus.config.js

@@ -155,6 +155,13 @@ const config = {
         disableSwitch: false,
         respectPrefersColorScheme: true,
       },
+      scripts: [
+        {
+          src: "https://buttons.github.io/buttons.js",
+          async: true,
+          defer: true,
+        },
+      ],
     }),
 };
 

web/package-lock.json

@@ -23,6 +23,7 @@
     "prism-react-renderer": "^1.3.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-github-btn": "^1.4.0",
     "react-player": "^2.12.0"
   },
   "devDependencies": {

web/package.json

@@ -4,6 +4,7 @@ import Link from "@docusaurus/Link";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
 import HomepageFeatures from "@site/src/components/HomepageFeatures";
+import GitHubButton from "react-github-btn";
 
 import styles from "./index.module.css";
 
@@ -13,18 +14,31 @@ function HomepageHeader() {
     <header className={clsx("hero hero--primary", styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
+        <p className="hero__subtitle">
+          Open-source platform to build AI apps, chatbots and agents with your
+          data
+        </p>
         <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"
             href="https://trypromptly.com"
           >
-            Get Started for Free
+            Try Cloud Offering
           </Link>
           <Link className="button button--primary button--lg" to="/docs/">
             Deploy LLMStack
           </Link>
         </div>
+        <div className={styles.githubButtons}>
+          <GitHubButton
+            href="https://github.com/trypromptly/LLMStack"
+            data-size="large"
+            data-show-count="true"
+            aria-label="Star trypromptly/LLMStack on GitHub"
+          >
+            Star
+          </GitHubButton>
+        </div>
       </div>
     </header>
   );

web/src/pages/index.js

@@ -25,6 +25,11 @@
   color: #2c3746;
 }
 
+.githubButtons {
+  gap: 1rem;
+  padding: 1rem;
+}
+
 [data-theme="dark"] .heroBanner {
   background-image: radial-gradient(circle, #061522, #032c52);
 }