Merge branch 'master' into 'fix-typos'

# Conflicts:
#   doc/components.md

src/pages/index.js

@@ -3,18 +3,18 @@ import Layout from "@theme/Layout";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import styles from "./index.module.css";
 import Link from "@docusaurus/Link";
-import HomepageResults from "@site/src/components/HomepageResults";
-import HomepagePromises from "@site/src/components/HomepagePromises";
-import HomepageFeatures from "@site/src/components/HomepageFeatures";
-import CarouselLibre from "@site/src/components/CarouselLibre";
+import HomepageResults from "@site/src/components/Results/HomepageResults";
+import HomepagePromises from "@site/src/components/Promises/HomepagePromises";
+import HomepageFeatures from "@site/src/components/Features/HomepageFeatures";
+import CarouselLibre from "@site/src/components/Carousel/CarouselLibre";
 
 
 function HomepageHeader(){
   return (
     <header className={styles.heroBanner}>
       <div className="sections container">
-        <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>
+        <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">
           <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>

src/pages/tarifs.mdx

@@ -109,18 +109,18 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
           <Tabs
             groupId="etang"
             className="tabs-etang-hide">
-              <TabItem value="10">
+              <TabItem value="2">
                 <p>
-                  à partir de <strong>891 €HT/an</strong><br/>
-                  <small class="small_price">soit 7,43 €HT/mois/utilisateur</small><br/>
-                  <a class="button disabled button-noclick" href="#url-10"><GiFrogPrince size="20px"/> Acheter <br/> <small>10 sièges</small></a>
+                  à partir de <strong>198 €HT/an</strong><br/>
+                  <small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
+                  <a class="button disabled button-noclick" href="#url-2"><GiFrogPrince size="20px"/> Acheter <br/> <small>plusieurs sièges</small></a>
                 </p>
               </TabItem>
             </Tabs>
         </div>
         <div class="card__footer">
           <small>
-            <p><Highlight color="var(--ifm-color-light-green)">10, 50 ou 100</Highlight> utilisateurs</p>
+            <p><Highlight color="var(--ifm-color-light-green)">2, 5, 10, 50 ou 100</Highlight> utilisateurs</p>
             <p>Groupes <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
             <p>Projets <Highlight color="var(--ifm-color-light-green)">illimités</Highlight></p>
             <p>Pipeline CI <Highlight color="var(--ifm-color-light-green)">illimité</Highlight></p>
@@ -212,6 +212,20 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
           <Tabs
             groupId="etang"
             className="tabs-etang-hide">
+              <TabItem value="2">
+                <p>
+                  <strong>198 €HT/an</strong><br/>
+                  <small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
+                  <a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_2_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>2 sièges</small></a>
+                </p>
+              </TabItem>
+              <TabItem value="5">
+                <p>
+                  <strong>495 €HT/an</strong><br/>
+                  <small class="small_price">soit 8,25 €HT/mois/utilisateur</small><br/>
+                  <a class="button button button--price" href="https://www.lydra.eu/cmd_ly_frg_etang_5_a"><GiFrogPrince size="20px"/> Acheter <br/> <small>5 sièges</small></a>
+                </p>
+              </TabItem>
               <TabItem value="10">
                 <p>
                   <strong>891 €HT/an</strong><br/>
@@ -240,12 +254,16 @@ Si vous achetez plusieurs plans, hors têtard, avec le **même email** vous cumu
             <Tabs
               groupId="etang"
               className="tabs-etang"
-              defaultValue="10"
+              defaultValue="2"
               values={[
+                {label: '2', value: '2'},
+                {label: '5', value: '5'},
                 {label: '10', value: '10'},
                 {label: '50', value: '50'},
                 {label: '100', value: '100'},
               ]}>
+              <TabItem value="2"><p><Highlight color="var(--ifm-color-light-green)">2</Highlight> utilisateurs</p></TabItem>
+              <TabItem value="5"><p><Highlight color="var(--ifm-color-light-green)">5</Highlight> utilisateurs</p></TabItem>
               <TabItem value="10"><p><Highlight color="var(--ifm-color-light-green)">10</Highlight> utilisateurs</p></TabItem>
               <TabItem value="50"><p><Highlight color="var(--ifm-color-light-green)">50</Highlight> utilisateurs</p></TabItem>
               <TabItem value="100"><p><Highlight color="var(--ifm-color-light-green)">100</Highlight> utilisateurs</p></TabItem>

src/theme/Footer/index.js

@@ -29,26 +29,26 @@ function Footer() {
     <>
       <div className="footer">
 
-        <div className="footer_container">
+        <div className="footer-container">
 
           <a href="https://lab.frogg.it/froggit" target="_blank" rel="noreferrer">
-            <img className="footer_icons" src={Froggitblanc} alt="Logo Froggit blanc" />
+            <img className="footer-icons" src={Froggitblanc} alt="Logo Froggit blanc" />
           </a>
 
           <a href="https://gitlab.com/froggit" target="_blank" rel="noreferrer">
-            <FaGitlab className="footer_icons" />
+            <FaGitlab className="footer-icons" />
           </a>
 
           <a href="https://www.youtube.com/channel/UCauIDghddUNu6Fto1nR9Bmg/?sub_confirmation=1" target="_blank" rel="noreferrer">
-            <FaYoutube className="footer_icons" />
+            <FaYoutube className="footer-icons" />
           </a>
 
           <a href="https://www.linkedin.com/company/froggit" target="_blank" rel="noreferrer">
-            <FaLinkedin className="footer_icons" />
+            <FaLinkedin className="footer-icons" />
           </a>
           
           <a href="https://twitter.com/art_devops" target="_blank" rel="noreferrer">
-            <FaTwitter className="footer_icons" />
+            <FaTwitter className="footer-icons" />
           </a>
 
         </div>