Merge branch '146-add-pricing-comparator-on-pricing-page' into 'main'

Resolve "add pricing comparator on pricing page"

Closes #146

See merge request !120

src/pages/tarifs.mdx

@@ -11,6 +11,8 @@ import TabItem from "@theme/TabItem";
 import { GiTadpole, GiFrogFoot, GiFrogPrince } from "react-icons/gi";
 import plans from "@site/src/constants/plans";
 import formatNumber from "@site/src/utils/formatNumber";
+import PricingComparator from "@site/src/components/PricingComparator/PricingComparator";
+
 
 # Les tarifs de Froggit
 
@@ -20,6 +22,8 @@ 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"
@@ -350,11 +354,18 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
 </TabItem>
 </Tabs>
 
-:::tip Offre dédiée
-Vous avez mieux à faire que gérer votre forge logicielle ?  
-Alors _libérez-vous du temps_ avec notre **[Offre dédiée](/dedie)** !
-:::
+## Faites des économies !
+Comparez avec les autres solutions pour voir ce que vous économiserez en choisissant Froggit.
+
+<PricingComparator />
+
+<br/>
 
 :::info tarifs de lancement
 Ces **tarifs de lancement** évolueront en fonction du nombre de fonctionnalités que nous ajouterons.
 :::
+
+:::tip Offre dédiée
+Vous avez mieux à faire que gérer votre forge logicielle ?  
+Alors _libérez-vous du temps_ avec notre **[Offre dédiée](/dedie)** !
+:::