update documentation

Author: JeremyDolle

.github/workflows/documentation.yml

@@ -51,5 +51,6 @@ jobs:
           git config --global user.name "gh-actions"
           cd documentation
           yarn install --frozen-lockfile
+          rm -rf .docusaurus/
           yarn build
           yarn deploy

documentation/src/components/HomepageFeatures.js

@@ -1,18 +1,19 @@
 import React from 'react';
 import styles from './HomepageFeatures.module.css';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import clsx from 'clsx'
 
 export default function HomepageFeatures() {
   return (
     <>
       <h1 className="text--center text--primary">What's in the Box ? 📦</h1>
       <section>
         <div className="container">
-          <div className={styles.featuresRow}>
-            <div className="col--6">
+          <div className={clsx('row row--align-center featureRow')}>
+            <div className={clsx('col col--6 text--right')}>
               <img src={useBaseUrl('/img/Red.png')} alt="mockups" className={styles.mockups}/>
             </div>
-            <div className="col--6">
+            <div className={clsx('col col--6 ')}>
               <ul className="features">
                 <li className="text--bold text--secondary text--uppercase text"><h3>Internationalization 🌍</h3></li>
                 <li className="text--bold text--secondary text--uppercase"><h3>Dark mode and multi-theming 🌗 </h3></li>

documentation/src/pages/index.js

@@ -23,13 +23,11 @@ function HomepageHeader() {
       <div className="container">
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
-        <div className={styles.buttons}>
-          <Link
-            className="button button--lg"
-            to="/docs/Introduction">
-            Getting started 🚀
-          </Link>
-        </div>
+        <Link
+          className="button button--outline button--lg"
+          to="/docs/Introduction">
+          Getting started 🚀
+        </Link>
       </div>
     </header>
   );

documentation/src/pages/index.module.css

@@ -17,13 +17,3 @@
     padding: 2rem;
   }
 }
-
-.buttons {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.getStartedButton {
-  --ifm-button-color: var(--ifm-heading-color);
-}