sdf
parent
19c460f833
commit
90cee8c6ec
|
@ -207,7 +207,7 @@ function ProduitsServices() {
|
|||
|
||||
<div className="div_block_fonction_detail_desc detail_content_text_head_3">
|
||||
<ul className="div_ul_detail_pack">
|
||||
<li> <b> De 26 à 200 Sessions / an </b> </li>
|
||||
<li> <b> <u> De 26 à 200 Sessions / an </u> </b> </li>
|
||||
<li> Sans engagement </li>
|
||||
<li> Utilisateurs illimités </li>
|
||||
</ul>
|
||||
|
|
|
@ -8,7 +8,7 @@ const Layout = () => {
|
|||
<div className="footer_automatic_files">
|
||||
<div className="layout_main_section">
|
||||
<div className="layout_testimonial_section">
|
||||
<TestimonialSection />
|
||||
{/* <TestimonialSection /> */}
|
||||
</div>
|
||||
<div className="layout_call_to_action_section">
|
||||
<CallToActionSection />
|
||||
|
|
|
@ -3709,7 +3709,7 @@ const New_C_Marketplace_2025 = () => {
|
|||
<option value="duration">Duree</option>
|
||||
|
||||
</select>
|
||||
<span style={{ width: '10%' }}><TbArrowsDownUp style={{ height: '2rem', paddingTop: '5px', width: '40%' }}
|
||||
<span style={{ width: '10%' }}><TbArrowsDownUp style={{ height: '1.5rem', paddingTop: '5px', width: '40%' }}
|
||||
onClick={(e) => {
|
||||
if (trier_par === "1")
|
||||
settrier_par("-1");
|
||||
|
|
|
@ -5626,6 +5626,7 @@
|
|||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
width: 20%;
|
||||
padding-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
@ -8693,6 +8694,7 @@
|
|||
font-size: 0.9rem;
|
||||
white-space: nowrap;
|
||||
width: 20%;
|
||||
padding-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
@ -11777,6 +11779,7 @@
|
|||
font-size: 0.75rem;
|
||||
white-space: nowrap;
|
||||
width: 20%;
|
||||
padding-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
|
|
@ -30,7 +30,7 @@ const PricingLayout = (props) => {
|
|||
<span>LE PLUS POPULAIRE </span>
|
||||
</div>
|
||||
|
||||
<PricingPlanCard title="Standard" price={props.price_standard} sessions="Jusqu'à 200 Sessions/an" isHighlighted={true} periodicite={'mois'} />
|
||||
<PricingPlanCard title="Standard" price={props.price_standard} sessions="De 26 à 200 Sessions/an" isHighlighted={true} periodicite={'mois'} />
|
||||
</div>
|
||||
<div className="det_block_2_bis" >
|
||||
<PricingPlanCard title="Gold" price={props.price_gold} sessions="Sessions illimitées/an" periodicite={'mois'} />
|
||||
|
|
|
@ -142,7 +142,7 @@
|
|||
.pricing-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px 2px;
|
||||
padding: 10px 2px;
|
||||
background-color: #ffffff;
|
||||
/* border: 1px solid #ecf1fc;*/
|
||||
/* min-width: 200px;*/
|
||||
|
@ -289,7 +289,7 @@
|
|||
.pricing-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px 2px;
|
||||
padding: 10px 2px;
|
||||
background-color: #ffffff;
|
||||
/* border: 1px solid #ecf1fc;*/
|
||||
/* min-width: 200px;*/
|
||||
|
@ -437,7 +437,7 @@
|
|||
.pricing-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 20px 28px;
|
||||
padding: 5px 5px;
|
||||
background-color: #ffffff;
|
||||
/* border: 1px solid #ecf1fc;*/
|
||||
min-width: 200px;
|
||||
|
|
|
@ -14,7 +14,7 @@ const PricingPlanCard = (props) => {
|
|||
<div className="det_pricing-content">
|
||||
<div className="det_plan-header">
|
||||
<h2 className="det_plan-title">{props.title} </h2>
|
||||
<p className="det_plan-subtitle">Sans engagement</p>
|
||||
<p className="det_plan-subtitle">Sans engagement </p>
|
||||
</div>
|
||||
|
||||
<div className="det_price-container">
|
||||
|
@ -22,7 +22,7 @@ const PricingPlanCard = (props) => {
|
|||
<span className="det_price">{props.price} €</span>
|
||||
<span className="det_price-period">par mois</span>
|
||||
</div>
|
||||
<p className="det_sessions">{props.sessions}</p>
|
||||
<p className="det_sessions" style={{fontWeight:'600', fontSize:'13px', color:'#0aa690'}}> {props.sessions} </p>
|
||||
</div>
|
||||
|
||||
<button className="det_choose-plan-btn" onClick={(e) => {
|
||||
|
|
|
@ -518,7 +518,7 @@
|
|||
|
||||
.start-button {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
padding: 12px 10px;
|
||||
border-radius: 200px;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
|
@ -731,7 +731,7 @@
|
|||
|
||||
.start-button {
|
||||
width: 100%;
|
||||
padding: 12px 20px;
|
||||
padding: 12px 10px;
|
||||
border-radius: 200px;
|
||||
font-family: 'DM Sans', sans-serif;
|
||||
font-weight: 700;
|
||||
|
|
|
@ -76,7 +76,8 @@ const PriceCard = ({
|
|||
alt="check"
|
||||
className="check-icon"
|
||||
/>
|
||||
<span className="feature-text">{feature}</span>
|
||||
{String(feature.hilight) === "1" && <span className="feature-text" style={{fontWeight:'700', fontSize:'14px'}}>{feature.text}</span>}
|
||||
{String(feature.hilight) !== "1" && <span className="feature-text">{feature.text}</span>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
@ -128,7 +129,8 @@ const PriceCard = ({
|
|||
alt="check"
|
||||
className="check-icon"
|
||||
/>
|
||||
<span className="feature-text">{feature}</span>
|
||||
{String(feature.hilight) === "1" && <span className="feature-text" style={{fontWeight:'700', fontSize:'14px'}}>{feature.text}</span>}
|
||||
{String(feature.hilight) !== "1" && <span className="feature-text">{feature.text}</span>}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
|
|
@ -149,12 +149,12 @@ const PricingSection = () => {
|
|||
title="BASIQUE"
|
||||
price={price_basic}
|
||||
features={[
|
||||
'Sans engagement',
|
||||
'2 Utilisateurs maximum',
|
||||
'Support',
|
||||
'Apprenants illimités',
|
||||
"Jusqu'à 25 Sessions/an",
|
||||
'Basic Analytics'
|
||||
{ 'text': 'Sans engagement', 'hilight': '0' },
|
||||
{ 'text': 'Support', 'hilight': '0' },
|
||||
{ 'text': 'Apprenants illimités', 'hilight': '0' },
|
||||
{ 'text': "Basic Analytics", 'hilight': '0' },
|
||||
{ 'text': '2 Utilisateurs maximum', 'hilight': '1' },
|
||||
{ 'text': "Jusqu'à 25 Sessions/an", 'hilight': '1' },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
@ -167,12 +167,13 @@ const PricingSection = () => {
|
|||
title="STANDARD"
|
||||
price={price_standard}
|
||||
features={[
|
||||
'Sans engagement',
|
||||
'Utilisateurs illimités',
|
||||
'Apprenants illimités',
|
||||
"Jusqu'à 200 Sessions/an",
|
||||
'Community Access',
|
||||
'Advanced Analytics'
|
||||
{ 'text': 'Sans engagement', 'hilight': '0' },
|
||||
{ 'text': 'Support', 'hilight': '0' },
|
||||
{ 'text': 'Apprenants illimités', 'hilight': '0' },
|
||||
{ 'text': "Basic Analytics", 'hilight': '0' },
|
||||
{ 'text': 'Utilisateurs illimités', 'hilight': '1' },
|
||||
{ 'text': "De 26 à 200 Sessions/an", 'hilight': '1' },
|
||||
|
||||
]}
|
||||
buttonColor="#0aa690"
|
||||
buttonTextColor="#fff"
|
||||
|
@ -184,12 +185,13 @@ const PricingSection = () => {
|
|||
title="GOLD"
|
||||
price={price_gold}
|
||||
features={[
|
||||
'Sans engagement',
|
||||
'Utilisateurs illimités',
|
||||
'Apprenants illimités',
|
||||
'Sessions illimitées/an',
|
||||
'Community Access',
|
||||
'Custom Analytics'
|
||||
|
||||
{ 'text': 'Sans engagement', 'hilight': '0' },
|
||||
{ 'text': 'Support', 'hilight': '0' },
|
||||
{ 'text': 'Apprenants illimités', 'hilight': '0' },
|
||||
{ 'text': "Basic Analytics", 'hilight': '0' },
|
||||
{ 'text': 'Utilisateurs illimités', 'hilight': '1' },
|
||||
{ 'text': "Sessions illimités", 'hilight': '1' },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue