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