From bc4a4c96415a9dc1b9bd62f817ca5a3382e4b224 Mon Sep 17 00:00:00 2001
From: Celeste Robert <celeste@lydra.fr>
Date: Tue, 8 Oct 2024 15:33:32 +0200
Subject: [PATCH] feat: implemented pricing comparator on pricing page

---
 src/pages/tarifs.mdx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/pages/tarifs.mdx b/src/pages/tarifs.mdx
index 2f641be..26ecb74 100644
--- a/src/pages/tarifs.mdx
+++ b/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)** !
+:::
-- 
GitLab