home: add button for install

Author: 0hsn

docusaurus.config.js

@@ -188,8 +188,14 @@ const config = {
     ],
   ],
   customFields: {
-    indexCta: "docs/quick-start",
-    indexCtaTitle: "⏱️ Takes 10 minutes to start",
+    primary: {
+      link: "docs/setup",
+      title: "pipx install chk",
+    },
+    secondary: {
+      link: "docs/quick-start",
+      title: "10 minutes quick start",
+    },
     shortDetails: "Low-code API quality testing, and automation tool.",
     longDetails:
       "API testing tool, a script-able HTTP client, and an API test automation tool for the API era.",

src/pages/index.js

@@ -17,11 +17,17 @@ function HomepageHeader() {
         </Heading>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
+          <Link
+            className="button button--danger button--lg"
+            to={siteConfig.customFields.primary.link}
+          >
+            {siteConfig.customFields.primary.title}
+          </Link>&nbsp;&nbsp;
           <Link
             className="button button--secondary button--lg"
-            to={siteConfig.customFields.indexCta}
+            to={siteConfig.customFields.secondary.link}
           >
-            {siteConfig.customFields.indexCtaTitle}
+            {siteConfig.customFields.secondary.title}
           </Link>
         </div>
       </div>