recette2
cherif 2025-05-23 18:15:02 +02:00
parent 19c460f833
commit 90cee8c6ec
11 changed files with 44 additions and 37 deletions

View File

@ -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>

View File

@ -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>

View File

@ -23,6 +23,6 @@ const Layout_Without_Testimony = () => {
</div> </div>
); );
}; };
export default Layout_Without_Testimony; export default Layout_Without_Testimony;

View File

@ -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");

View File

@ -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;
} }

View File

@ -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'} />

View File

@ -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;

View File

@ -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) => {

View File

@ -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;

View File

@ -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>

View File

@ -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>
); );
}; };