From 683197a46d3f4729aa0f81e69c4b06c1bfb4b978 Mon Sep 17 00:00:00 2001
From: Foster Irwin <foster@jfirwin.com>
Date: Wed, 2 Mar 2022 16:17:30 -0700
Subject: [PATCH] added buttons below hero text

---
 src/css/custom.css  | 21 +++++++++++++++++++++
 src/pages/index.tsx |  9 +++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index b75adccd..305b7feb 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -55,3 +55,24 @@ html[data-theme="dark"] .header-github-link:before {
   --ifm-button-border-color: var(--ifm-link-color);
   color: var(--ifm-link-color);
 }
+
+.indexCtas {
+  --ifm-button-size-multiplier: 1.6;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  margin-top: 24px;
+}
+
+.indexCtas a {
+  color: var(--ifm-font-color-base-inverse);
+}
+
+.indexCtas a:hover {
+  color: rgb(77, 77, 77)
+}
+
+.indexCtas a:last-of-type {
+  margin: 20px 36px;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 509ce64b..ace9df12 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -4,6 +4,7 @@ import Head from '@docusaurus/Head';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
+import Link from '@docusaurus/Link';
 
 const features = [
   {
@@ -120,6 +121,14 @@ function Home() {
             />
           </h1>
           <p className="hero__subtitle">{siteConfig.tagline}</p>
+          <div className="indexCtas">
+            <Link className="button button--lg" to="/docs/about">
+            Learn More
+            </Link>
+            <Link className="button button--lg" to="/docs/getting-started">
+            Get Started
+            </Link>
+          </div>
         </div>
       </header>
       <main>