Improved main page and changed theme

Author: SimonB50

src/components/HomepageFeatures/index.js

@@ -1,43 +1,43 @@
-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
+import clsx from "clsx";
+import Heading from "@theme/Heading";
+import styles from "./styles.module.css";
 
 const FeatureList = [
   {
-    title: 'Easy to Use',
-    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    title: "Built by the Community",
+    Svg: require("@site/static/img/undraw_pair-programming_up7w.svg").default,
     description: (
       <>
-        Docusaurus was designed from the ground up to be easily installed and
-        used to get your website up and running quickly.
+        BryanBot is built by the Community, for the Community. We are very open
+        for feedback and suggestions for new features.
       </>
     ),
   },
   {
-    title: 'Focus on What Matters',
-    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    title: "Innovative Features",
+    Svg: require("@site/static/img/undraw_version-control_eiam.svg").default,
     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.
+        BryanBot has a lot of innovative features that make sure that
+        development for the bot is as easy and fast.
       </>
     ),
   },
   {
-    title: 'Powered by React',
-    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    title: "New Features",
+    Svg: require("@site/static/img/undraw_adventure-map_8hg8.svg").default,
     description: (
       <>
-        Extend or customize your website layout by reusing React. Docusaurus can
-        be extended while reusing the same header and footer.
+        BryanBot is always getting new features and updates to make make
+        everyone's experience better.
       </>
     ),
   },
 ];
 
-function Feature({Svg, title, description}) {
+function Feature({ Svg, title, description }) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx("col col--4")}>
       <div className="text--center">
         <Svg className={styles.featureSvg} role="img" />
       </div>

src/css/custom.css

@@ -6,25 +6,25 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
-  --ifm-color-primary-dark: #29784c;
-  --ifm-color-primary-darker: #277148;
-  --ifm-color-primary-darkest: #205d3b;
-  --ifm-color-primary-light: #33925d;
-  --ifm-color-primary-lighter: #359962;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary: #0747ff;
+  --ifm-color-primary-dark: #063fd8;
+  --ifm-color-primary-darker: #0537b2;
+  --ifm-color-primary-darkest: #042b85;
+  --ifm-color-primary-light: #2764ff;
+  --ifm-color-primary-lighter: #4b7fff;
+  --ifm-color-primary-lightest: #6e9aff;
   --ifm-code-font-size: 95%;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+  --docusaurus-highlighted-code-line-bg: rgba(7, 71, 255, 0.1);
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: #21af90;
-  --ifm-color-primary-darker: #1fa588;
-  --ifm-color-primary-darkest: #1a8870;
-  --ifm-color-primary-light: #29d5b0;
-  --ifm-color-primary-lighter: #32d8b4;
-  --ifm-color-primary-lightest: #4fddbf;
-  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-primary: #4b7fff;
+  --ifm-color-primary-dark: #4372e6;
+  --ifm-color-primary-darker: #3c66cc;
+  --ifm-color-primary-darkest: #3455a8;
+  --ifm-color-primary-light: #6190ff;
+  --ifm-color-primary-lighter: #7ea3ff;
+  --ifm-color-primary-lightest: #9db7ff;
+  --docusaurus-highlighted-code-line-bg: rgba(7, 71, 255, 0.3);
 }

src/pages/index.js

@@ -19,8 +19,8 @@ function HomepageHeader() {
         <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"
-            to="/docs/intro">
-            Docusaurus Tutorial - 5min ⏱️
+            to="/docs/welcome">
+            Get Started
           </Link>
         </div>
       </div>