Merge branch '31-pricing' into 'master'

Resolve "add pricing page"

Closes #31

See merge request !30

src/css/custom.css

@@ -26,7 +26,7 @@
   --ifm-font-family: "Montserrat",  sans-serif; 
   --ifm-container-width: 100%; 
   --ifm-container-max-width: 900px;
-  --ifm-navbar-shadow: none; 
+  --ifm-navbar-shadow: none;
 }
 
 .docusaurus-highlight-code-line {
@@ -58,6 +58,11 @@ p {
   font-weight: 500; 
 }
 
+.button--beta {
+  background-color: var(--ifm-color-dark-green);
+  border-color: var(--ifm-color-dark-green);
+ }
+
 /************ Navbar style ***********/
 .navbar {
   background-color: var(--ifm-color-light-green);

src/pages/index.js

@@ -14,7 +14,11 @@ function HomepageHeader() {
         <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <Link className="button button--warning button--lg" to="https://youtu.be/gOCOai6wX_w">
-              En savoir plus
+              ▶️ En savoir plus
+        </Link>
+        &nbsp;&nbsp;&nbsp;&nbsp;
+        <Link className="button button--beta button--lg" to="http://beta.froggit.fr/">
+              Rejoindre la bêta gratuite 🧪
         </Link>
 
       </div>

src/pages/tarifs.md

@@ -6,6 +6,19 @@ keywords: Lydra, SaaS, pricing, tarifs
 
 # Les tarifs de Froggit
 
-🔜 Ça arrive !
 
-[Mais en attendant rejoignez la bêta !](http://beta.froggit.fr/)
+
+| Limites       | Têtard   | 🥇 Grenouille | 🥈 Étang     |
+|---------------|----------|------------|----------|----------|----------|
+|               | ![Têtard](../../static/img/pricing/hidden.png) | ![Grenouille](../../static/img/pricing/computer.png) | ![Étang](../../static/img/pricing/cauldron.png) | ![Étang](../../static/img/pricing/cauldron.png) | ![Étang](../../static/img/pricing/cauldron.png) |
+| 👥 Utilisateurs  | 1️⃣        | 1️⃣          | 1️⃣0️⃣       | 5️⃣0️⃣       | 1️⃣0️⃣0️⃣      |
+| 🏢 Groupes       | ❌ Aucun | Illimité   | Illimité | Illimité | Illimité |
+| 📥 Projets       | 24       | Illimité   | Illimité | Illimité | Illimité |
+| 🤖 CI            | Illimité | Illimité   | Illimité | Illimité | Illimité |
+| 💰 **Prix**      | 🔜       | 🔜         | 🔜       | 🔜       | 🔜       |
+
+🔜 Les prix arrivent !
+
+:::tip Bêta en cours 🧪
+[En attendant rejoignez la bêta !](http://beta.froggit.fr/)
+:::tip