docs: Added hiring link to homepage (#409)

Author: bmonkman

doc-site/src/pages/index.js

@@ -30,6 +30,14 @@ function HomePageCallToAction () {
   </div>
 }
 
+function HiringCallToAction () {
+  return <div className={styles.hiring}>
+    <Link to="https://commit.dev/career_opportunities/developer-advocate/">
+      We're hiring a developer advocate!
+    </Link>
+  </div>
+}
+
 export default function Home() {
   const landingPageOnlyGlobalItemStyle = `
   .navbar  {
@@ -63,6 +71,7 @@ export default function Home() {
         <HomepageFeatures />
         <HomepageOfferings />
         <HomePageCallToAction />
+        <HiringCallToAction />
       </main>
     </Layout>
   );

doc-site/src/pages/index.module.scss

@@ -35,6 +35,18 @@
   }
 }
 
+.hiring {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 4rem auto 4rem;
+  a {
+    font-size: 2rem;
+    font-weight: bold;
+    color: #ffffff;
+  }
+}
+
 @media screen and (max-width: 966px) {
   .heroBanner {
     padding: 2rem;