From 5f112a274e0d3c3df336cd98002010859d2f60f0 Mon Sep 17 00:00:00 2001
From: Celeste Robert <celeste@lydra.fr>
Date: Thu, 30 Jan 2025 15:12:22 +0100
Subject: [PATCH] fix: pricing page layout
---
src/pages/tarifs.mdx | 59 +++++++++++++++++---------------------------
1 file changed, 22 insertions(+), 37 deletions(-)
diff --git a/src/pages/tarifs.mdx b/src/pages/tarifs.mdx
index 6eb72f4..fba9c4f 100644
--- a/src/pages/tarifs.mdx
+++ b/src/pages/tarifs.mdx
@@ -82,7 +82,6 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
<p>
Parfait pour les <strong>solo</strong>
</p>
- <p>
<strong>{formatNumber(plans.grenouille.paidMonthly)} €HT/mois</strong>
<br />
<small class="small_price">
@@ -92,9 +91,9 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
class="button button--price margin-bottom--lg"
href="https://www.lydra.eu/cmd_ly_frg_grenouille_1_m"
>
- <GiFrogFoot size="20px" /> Coder sans limites
+ <span><GiFrogFoot size="20px"/> Coder sans limites</span>
</a>
- </p>
+
</div>
<div class="card__footer">
<small>
@@ -104,15 +103,11 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
</p>
<p>
Groupes{" "}
- <Highlight color="var(--ifm-color-light-green)">
- illimités
- </Highlight>
+ <Highlight color="var(--ifm-color-light-green)"> illimités </Highlight>
</p>
<p>
- Projets{" "}
- <Highlight color="var(--ifm-color-light-green)">
- illimités
- </Highlight>
+ Projets{" "}
+ <Highlight color="var(--ifm-color-light-green)">illimités</Highlight>
</p>
<p>
Pipeline CI/CD{" "}
@@ -122,10 +117,8 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
<small>
<p>
Bénéficiez de{" "}
- <Highlight color="var(--ifm-color-light-green)">
- 2 mois offerts
- </Highlight>{" "}
- en choisissant l'abonnement annuel
+ <Highlight color="var(--ifm-color-light-green)"> 2 mois offerts</Highlight>
+ {" "}en choisissant l'abonnement annuel
<small>
{" "}
soit {formatNumber(plans.grenouille.paidAnnually)} €HT/mois (plan annuel)
@@ -226,22 +219,18 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
<p>
Parfait pour les <strong>solo</strong>
</p>
- <p>
- <strong>
- {formatNumber(plans.grenouille.paidAnnually * 12)} €HT/an
- </strong>
- <br />
- <small class="small_price">
- soit {formatNumber(plans.grenouille.paidAnnually)} €HT/mois
- </small>
- <a
- class="button button--price"
- href="https://www.lydra.eu/cmd_ly_frg_grenouille_1_a"
- >
- <GiFrogFoot size="20px" /> Coder sans limites
- <br />
- </a>
- </p>
+
+ <strong>{formatNumber(plans.grenouille.paidAnnually * 12)} €HT/an</strong>
+ <small class="small_price">
+ soit {formatNumber(plans.grenouille.paidAnnually)} €HT/mois
+ </small>
+
+ <a
+ class="button button--price"
+ href="https://www.lydra.eu/cmd_ly_frg_grenouille_1_a"
+ >
+ <span><GiFrogFoot size="20px"/> Coder sans limites</span>
+ </a>
</div>
<div class="card__footer">
<small>
@@ -251,15 +240,11 @@ Si vous achetez plusieurs plans (**Grenouille** ou **Étang**), avec le **même
</p>
<p>
Groupes{" "}
- <Highlight color="var(--ifm-color-light-green)">
- illimités
- </Highlight>
+ <Highlight color="var(--ifm-color-light-green)"> illimités </Highlight>
</p>
<p>
- Projets{" "}
- <Highlight color="var(--ifm-color-light-green)">
- illimités
- </Highlight>
+ Projets{" "}
+ <Highlight color="var(--ifm-color-light-green)">illimités</Highlight>
</p>
<p>
Pipeline CI/CD{" "}
--
GitLab