feat: added links to trial page

docusaurus.config.js

@@ -41,6 +41,10 @@ module.exports = {
               label: "Offre Dédiée",
               to: "/dedie"
             },
+            {
+              label: "Essai Gratuit",
+              to: "/essai"
+            },
           ],
         },
         {label: "Doc", position: "left", type: "doc", docId: "intro", },

src/css/custom.css

@@ -239,3 +239,7 @@ ul {
   font-size: 1.2rem;
   font-weight: 900;
 }
+
+.btn-little-txt {
+  font-size: 1rem;
+}

src/pages/index.js

@@ -16,13 +16,16 @@ function HomepageHeader(){
         <h1 className="hero-title">Simplifiez-vous le code... <br />et faites plaisir à vos techs !</h1>
         <p className="hero-subtitle">Collaborez autour du code sur la première plateforme intégrée DevOps <i>Made in France</i>. Avec Froggit, sécurisez vos données, améliorez vos performances et protégez enfin la planète.</p>
         <div className="button-frame">
-          <a className="button button--beta button--lg" href="https://www.youtube.com/watch?v=TvWT3URosOk" target="_blank" rel="noreferrer">
-            <FaYoutube/> Voir le <br/> webinaire
-          </a>
           <Link className="button button--beta button--lg" to="/tarifs">
           Je m’abonne sans engagement<br /><div className="btn-little-txt">30 jours satisfaits ou remboursés !</div>
+          </Link> <span className="hero-subtitle">OU</span>
+          <Link className="button button--beta button--lg" to="/essai">
+          Je découvre gratuitement<br /><div className="btn-little-txt">Et sans coordonnées bancaires !</div>
           </Link>
         </div>
+        <a className="button button--lg" href="https://www.youtube.com/watch?v=TvWT3URosOk" target="_blank" rel="noreferrer">
+            <FaYoutube/> Voir le webinaire
+        </a>
       </div>
     </header>      
   );

src/pages/tarifs.mdx

@@ -8,6 +8,7 @@ import Highlight from "@site/src/components/Highlight";
 import Tabs from "@theme/Tabs";
 import TabItem from "@theme/TabItem";
 import { GiTadpole, GiFrogFoot, GiFrogPrince } from "react-icons/gi";
+import Link from "@docusaurus/Link";
 
 # Les tarifs de Froggit
 
@@ -17,6 +18,7 @@ Nos tarifs sont simples, transparents, et tout inclus en fonction du nombre d'ut
 Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même email** vous cumulerez les sièges.
 :::
 
+
 <Tabs
   className="tabs-monthly-annual"
   defaultValue="grenouille"
@@ -24,6 +26,7 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
     {label: 'Mensuel', value: 'grenouille'},
     {label: 'Annuel -20%', value: 'annuel'},
   ]}>
+  
 
 <TabItem value="grenouille">
   <div class="row price">
@@ -52,6 +55,9 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
             <p><Highlight color="var(--ifm-color-warning)">24</Highlight> projets</p>
             <p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
           </small>
+          <Link className="button button--price" to="/essai">
+            Essayer gratuitement<br />
+          </Link>
         </div>
       </div>
     </div>
@@ -159,6 +165,9 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
             <p><Highlight color="var(--ifm-color-warning)">24</Highlight> projets</p>
             <p>Pipeline CI/CD <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
           </small>
+          <Link className="button button--price" to="/essai">
+            Essayer gratuitement<br />
+          </Link>
         </div>
       </div>
     </div>