feat: negative competitors pricing

src/components/PricingComparator/PricingComparator.js

@@ -81,6 +81,26 @@ export default function PricingComparator() {
     setUsers(currentUsers => currentUsers + step);
   };
 
+  const value = Math.round(prices.froggit - (prices.lab + prices.chat)) * users * 12;
+
+  let message = <>
+    Économise{users > 1 ? "z" : ""}{" "}
+    <span className={styles.summaryBadge}>
+      {formatNumber(
+        Math.abs(value)
+      )}
+          €
+    </span>{" "}
+        par an pour {users} utilisateur
+    {users > 1 ? "s" : ""} avec Froggit ! 
+  </>;
+
+  if (value > 0) {
+    message = <>
+    Froggit ne {users > 1 ? "vous" : "te"} ferait rien économiser, mais c'est le prix de la souveraineté numérique et de la conformité RGPD !
+    </>;
+  }
+
   return (
     <div className={styles.container}>
       <div className={styles.controls}>
@@ -251,15 +271,7 @@ export default function PricingComparator() {
         </div>
       </div>
       <p className={styles.summary}>
-        Économise{users > 1 ? "z" : ""}{" "}
-        <span className={styles.summaryBadge}>
-          {formatNumber(
-            Math.abs(prices.froggit - (prices.lab + prices.chat)) * users * 12
-          )}
-          €
-        </span>{" "}
-        par an pour {users} utilisateur
-        {users > 1 ? "s" : ""} avec Froggit !
+        {message}
       </p>
     </div>
   );

src/constants/competitors.ts

@@ -30,5 +30,10 @@ export default {
       paidMonthly: 18.25,
       paidAnnually: 16.75,
     },
+    {
+      name: "Discord",
+      paidMonthly: 0,
+      paidAnnually: 0,
+    },
   ],
 };