Update landing page content and style

docs/src/pages/index.js

@@ -7,36 +7,33 @@ import useBaseUrl from "@docusaurus/useBaseUrl";
 import styles from "./styles.module.css";
 
 const features = [
-  // {
-  //   title: <>Easy to Use</>,
-  //   imageUrl: 'img/undraw_docusaurus_mountain.svg',
-  //   description: (
-  //     <>
-  //       Docusaurus was designed from the ground up to be easily installed and
-  //       used to get your website up and running quickly.
-  //     </>
-  //   ),
-  // },
-  // {
-  //   title: <>Focus on What Matters</>,
-  //   imageUrl: 'img/undraw_docusaurus_tree.svg',
-  //   description: (
-  //     <>
-  //       Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
-  //       ahead and move your docs into the <code>docs</code> directory.
-  //     </>
-  //   ),
-  // },
-  // {
-  //   title: <>Powered by React</>,
-  //   imageUrl: 'img/undraw_docusaurus_react.svg',
-  //   description: (
-  //     <>
-  //       Extend or customize your website layout by reusing React. Docusaurus can
-  //       be extended while reusing the same header and footer.
-  //     </>
-  //   ),
-  // },
+  {
+    title: <>Powered by Zephyr™</>,
+    imageUrl: "img/undraw_zephyr.svg",
+    description: (
+      <>
+        With a wide range of architecture support, ZMK is ready for many existing keyboards.
+      </>
+    ),
+  },
+  {
+    title: <>Permissive Licensing</>,
+    imageUrl: "img/undraw_open_source.svg",
+    description: (
+      <>
+        MIT licensed to remove any future limitations in innovation.
+      </>
+    ),
+  },
+  {
+    title: <>Wireless First</>,
+    imageUrl: "img/undraw_wireless.svg",
+    description: (
+      <>
+        Designed for the future, including wireless support.
+      </>
+    ),
+  },
 ];
 
 function Feature({ imageUrl, title, description }) {
@@ -69,7 +66,7 @@ function Home() {
           <div className={styles.buttons}>
             <Link
               className={classnames(
-                "button button--outline button--secondary button--lg",
+                "button button--outline button--lg",
                 styles.getStarted
               )}
               to={useBaseUrl("docs/")}

docs/src/pages/styles.module.css

@@ -10,6 +10,8 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  background: linear-gradient(150deg, #026fc5, #7929d2);
+  color: #fff;
 }
 
 @media screen and (max-width: 966px) {
@@ -18,6 +20,16 @@
   }
 }
 
+.getStarted {
+  color: #fff;
+}
+
+.getStarted:hover {
+  background: #fff;
+  color: #000;
+  border-color: #fff;
+}
+
 .buttons {
   display: flex;
   align-items: center;