afrov2/.next/server/chunks/ssr/Documents_00 - projet_afropreunariat_bb7a2add._.js

module.exports=[66732,71583,91604,33232,a=>{"use strict";var b=a.i(67803);let c=(0,b.default)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);a.s(["Star",()=>c],66732);let d=(0,b.default)("facebook",[["path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",key:"1jg4f8"}]]);a.s(["Facebook",()=>d],71583);let e=(0,b.default)("linkedin",[["path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z",key:"c2jq9f"}],["rect",{width:"4",height:"12",x:"2",y:"9",key:"mk3on5"}],["circle",{cx:"4",cy:"4",r:"2",key:"bt5ra8"}]]);a.s(["Linkedin",()=>e],91604);let f=(0,b.default)("instagram",[["rect",{width:"20",height:"20",x:"2",y:"2",rx:"5",ry:"5",key:"2e1cvw"}],["path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z",key:"9exkf1"}],["line",{x1:"17.5",x2:"17.51",y1:"6.5",y2:"6.5",key:"r4j83e"}]]);a.s(["Instagram",()=>f],33232)},10359,a=>{"use strict";let b=(0,a.i(67803).default)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]);a.s(["Globe",()=>b],10359)},5638,a=>{"use strict";let b=(0,a.i(67803).default)("credit-card",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]);a.s(["CreditCard",()=>b],5638)},42016,25495,a=>{"use strict";var b=a.i(67803);let c=(0,b.default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);a.s(["Check",()=>c],42016);let d=(0,b.default)("smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]]);a.s(["Smartphone",()=>d],25495)},16285,a=>{"use strict";var b=a.i(92240),c=a.i(88345),d=a.i(42016),e=a.i(8174),f=a.i(25495),g=a.i(5638),h=a.i(67803);let i=(0,h.default)("loader",[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]]),j=(0,h.default)("shield-check",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),k=[{id:"starter",name:"Starter",priceXOF:"Gratuit",priceEUR:"0€",description:"Pour démarrer votre présence en ligne.",features:["Fiche entreprise basique","Visible dans la recherche","1 Offre produit/service","Support par email"],color:"gray"},{id:"booster",name:"Booster",priceXOF:"5.000 FCFA",priceEUR:"8€",description:"L'indispensable pour les entreprises en croissance.",recommended:!0,features:["Tout du plan Starter",'Badge "Vérifié" ✅',"Jusqu'à 10 Offres produits","Lien vers réseaux sociaux & Site Web","Statistiques de base (Vues)"],color:"brand"},{id:"empire",name:"Empire",priceXOF:"15.000 FCFA",priceEUR:"23€",description:"Dominez votre marché avec une visibilité maximale.",features:["Tout du plan Booster",'Badge "Recommandé" 🏆',"Offres illimitées","Intégration vidéo Youtube","Interview écrite sur le Blog","Support prioritaire WhatsApp"],color:"gray"}];a.s(["default",0,()=>{let[a,h]=(0,c.useState)(null),[l,m]=(0,c.useState)("monthly"),[n,o]=(0,c.useState)(!1),[p,q]=(0,c.useState)("method"),[r,s]=(0,c.useState)(null),t=()=>{o(!1),q("method"),h(null),s(null)};return(0,b.jsxs)("div",{className:"py-12 bg-gray-50",children:[(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,b.jsxs)("div",{className:"text-center",children:[(0,b.jsx)("h2",{className:"text-base font-semibold text-brand-600 tracking-wide uppercase",children:"Tarifs"}),(0,b.jsx)("p",{className:"mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl font-serif",children:"Investissez dans votre croissance"}),(0,b.jsx)("p",{className:"max-w-xl mt-5 mx-auto text-xl text-gray-500",children:"Choisissez le plan adapté à vos ambitions. Changez ou annulez à tout moment."})]}),(0,b.jsx)("div",{className:"mt-12 flex justify-center",children:(0,b.jsxs)("div",{className:"relative bg-white rounded-lg p-0.5 flex sm:mt-0 shadow-sm border border-gray-200",children:[(0,b.jsx)("button",{type:"button",onClick:()=>m("monthly"),className:`${"monthly"===l?"bg-gray-100 border-gray-200 shadow-sm text-gray-900":"border-transparent text-gray-500 hover:text-gray-700"} relative w-1/2 whitespace-nowrap py-2 px-6 rounded-md text-sm font-medium focus:outline-none transition-all sm:w-auto sm:px-8`,children:"Mensuel"}),(0,b.jsxs)("button",{type:"button",onClick:()=>m("yearly"),className:`${"yearly"===l?"bg-gray-100 border-gray-200 shadow-sm text-gray-900":"border-transparent text-gray-500 hover:text-gray-700"} relative w-1/2 whitespace-nowrap py-2 px-6 rounded-md text-sm font-medium focus:outline-none transition-all sm:w-auto sm:px-8`,children:["Annuel ",(0,b.jsx)("span",{className:"text-brand-600 text-xs ml-1 font-bold",children:"-20%"})]})]})}),(0,b.jsx)("div",{className:"mt-12 space-y-4 sm:mt-16 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-6 lg:max-w-4xl lg:mx-auto xl:max-w-none xl:mx-0 xl:grid-cols-3",children:k.map(a=>(0,b.jsxs)("div",{className:`rounded-2xl shadow-xl bg-white border-2 flex flex-col ${a.recommended?"border-brand-500 ring-4 ring-brand-50 relative transform scale-105 z-10":"border-gray-100"}`,children:[a.recommended&&(0,b.jsx)("div",{className:"absolute top-0 inset-x-0 -mt-4 flex justify-center",children:(0,b.jsx)("span",{className:"bg-brand-500 text-white px-4 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-sm",children:"Populaire"})}),(0,b.jsxs)("div",{className:"p-6 md:p-8 flex-1",children:[(0,b.jsx)("h3",{className:"text-2xl font-bold text-gray-900 font-serif",children:a.name}),(0,b.jsx)("p",{className:"mt-4 text-sm text-gray-500",children:a.description}),(0,b.jsxs)("div",{className:"mt-8 flex items-baseline",children:[(0,b.jsx)("span",{className:"text-4xl font-extrabold text-gray-900 tracking-tight",children:"Gratuit"===a.priceXOF?"Gratuit":"yearly"===l&&"starter"!==a.id?"Sur Devis":a.priceXOF}),"Gratuit"!==a.priceXOF&&(0,b.jsx)("span",{className:"ml-1 text-xl font-medium text-gray-500",children:"/mois"})]}),"Gratuit"!==a.priceXOF&&(0,b.jsxs)("p",{className:"text-xs text-gray-400 mt-1",children:["soit env. ",a.priceEUR," /mois"]}),(0,b.jsx)("ul",{className:"mt-8 space-y-4",children:a.features.map(a=>(0,b.jsxs)("li",{className:"flex items-start",children:[(0,b.jsx)("div",{className:"flex-shrink-0",children:(0,b.jsx)(d.Check,{className:"h-5 w-5 text-green-500"})}),(0,b.jsx)("p",{className:"ml-3 text-sm text-gray-700",children:a})]},a))})]}),(0,b.jsx)("div",{className:"p-6 bg-gray-50 rounded-b-2xl",children:(0,b.jsx)("button",{onClick:()=>{"starter"!==a.id&&(h(a),q("method"),o(!0))},className:`w-full block text-center rounded-lg border border-transparent px-6 py-3 text-base font-medium transition-colors ${"starter"===a.id?"text-brand-700 bg-brand-100 hover:bg-brand-200":"text-white bg-brand-600 hover:bg-brand-700 shadow-md hover:shadow-lg"}`,children:"starter"===a.id?"Commencer Gratuitement":`Choisir ${a.name}`})})]},a.id))})]}),n&&a&&(0,b.jsx)("div",{className:"fixed inset-0 z-50 overflow-y-auto","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:(0,b.jsxs)("div",{className:"flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0",children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",onClick:t}),(0,b.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,b.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg w-full",children:[(0,b.jsxs)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:[(0,b.jsxs)("div",{className:"flex justify-between items-center mb-5",children:[(0,b.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900 font-serif",id:"modal-title",children:"Paiement Sécurisé"}),(0,b.jsx)("button",{onClick:t,className:"text-gray-400 hover:text-gray-500",children:(0,b.jsx)(e.X,{className:"h-6 w-6"})})]}),"method"===p&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{className:"bg-brand-50 p-4 rounded-md mb-6 border border-brand-100",children:[(0,b.jsxs)("p",{className:"text-sm text-brand-800 font-medium",children:["Vous avez choisi le plan ",(0,b.jsx)("span",{className:"font-bold",children:a.name})]}),(0,b.jsx)("p",{className:"text-2xl font-bold text-brand-900 mt-1",children:a.priceXOF})]}),(0,b.jsx)("p",{className:"text-sm font-medium text-gray-700 mb-3",children:"Moyen de paiement"}),(0,b.jsxs)("div",{className:"grid grid-cols-1 gap-3",children:[(0,b.jsxs)("button",{onClick:()=>s("mobile_money"),className:`flex items-center p-4 border rounded-lg hover:bg-gray-50 transition-all ${"mobile_money"===r?"border-brand-500 ring-1 ring-brand-500 bg-brand-50":"border-gray-300"}`,children:[(0,b.jsx)("div",{className:"h-10 w-10 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 mr-4",children:(0,b.jsx)(f.Smartphone,{className:"h-6 w-6"})}),(0,b.jsxs)("div",{className:"text-left flex-1",children:[(0,b.jsx)("p",{className:"font-bold text-gray-900",children:"Mobile Money"}),(0,b.jsx)("p",{className:"text-xs text-gray-500",children:"Orange Money, MTN, Wave, Moov"})]}),(0,b.jsx)("div",{className:"h-4 w-4 rounded-full border border-gray-300 flex items-center justify-center",children:"mobile_money"===r&&(0,b.jsx)("div",{className:"h-2 w-2 rounded-full bg-brand-600"})})]}),(0,b.jsxs)("button",{onClick:()=>s("card"),className:`flex items-center p-4 border rounded-lg hover:bg-gray-50 transition-all ${"card"===r?"border-brand-500 ring-1 ring-brand-500 bg-brand-50":"border-gray-300"}`,children:[(0,b.jsx)("div",{className:"h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mr-4",children:(0,b.jsx)(g.CreditCard,{className:"h-6 w-6"})}),(0,b.jsxs)("div",{className:"text-left flex-1",children:[(0,b.jsx)("p",{className:"font-bold text-gray-900",children:"Carte Bancaire"}),(0,b.jsx)("p",{className:"text-xs text-gray-500",children:"Visa, Mastercard"})]}),(0,b.jsx)("div",{className:"h-4 w-4 rounded-full border border-gray-300 flex items-center justify-center",children:"card"===r&&(0,b.jsx)("div",{className:"h-2 w-2 rounded-full bg-brand-600"})})]})]}),"mobile_money"===r&&(0,b.jsxs)("div",{className:"mt-4 animate-in fade-in slide-in-from-top-2",children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Numéro de téléphone"}),(0,b.jsx)("input",{type:"text",placeholder:"+225 07...",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),"card"===r&&(0,b.jsxs)("div",{className:"mt-4 animate-in fade-in slide-in-from-top-2 space-y-3",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Numéro de carte"}),(0,b.jsx)("input",{type:"text",placeholder:"0000 0000 0000 0000",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Expiration"}),(0,b.jsx)("input",{type:"text",placeholder:"MM/AA",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"CVC"}),(0,b.jsx)("input",{type:"text",placeholder:"123",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]})]})]})]}),"processing"===p&&(0,b.jsxs)("div",{className:"py-10 text-center",children:[(0,b.jsx)(i,{className:"h-12 w-12 text-brand-600 animate-spin mx-auto mb-4"}),(0,b.jsx)("p",{className:"text-lg font-medium text-gray-900",children:"Traitement en cours..."}),(0,b.jsx)("p",{className:"text-sm text-gray-500 mt-2",children:"Veuillez valider la transaction sur votre mobile si nécessaire."})]}),"success"===p&&(0,b.jsxs)("div",{className:"py-6 text-center animate-in zoom-in duration-300",children:[(0,b.jsx)("div",{className:"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-4",children:(0,b.jsx)(j,{className:"h-10 w-10 text-green-600"})}),(0,b.jsx)("h3",{className:"text-xl font-bold text-gray-900",children:"Paiement Réussi !"}),(0,b.jsxs)("p",{className:"text-gray-500 mt-2 mb-6",children:["Votre abonnement ",a.name," est maintenant actif."]}),(0,b.jsx)("button",{onClick:t,className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-brand-600 text-base font-medium text-white hover:bg-brand-700 focus:outline-none sm:text-sm",children:"Accéder à mon espace"})]})]}),"method"===p&&(0,b.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,b.jsxs)("button",{type:"button",disabled:!r,onClick:()=>{q("processing"),setTimeout(()=>{q("success")},2500)},className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-brand-600 text-base font-medium text-white hover:bg-brand-700 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed sm:ml-3 sm:w-auto sm:text-sm",children:["Payer ",a.priceXOF]}),(0,b.jsx)("button",{type:"button",onClick:t,className:"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm",children:"Annuler"})]})]})]})})]})}],16285)}];

//# sourceMappingURL=Documents_00%20-%20projet_afropreunariat_bb7a2add._.js.map
		module.exports=[66732,71583,91604,33232,a=>{"use strict";var b=a.i(67803);let c=(0,b.default)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);a.s(["Star",()=>c],66732);let d=(0,b.default)("facebook",[["path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",key:"1jg4f8"}]]);a.s(["Facebook",()=>d],71583);let e=(0,b.default)("linkedin",[["path",{d:"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z",key:"c2jq9f"}],["rect",{width:"4",height:"12",x:"2",y:"9",key:"mk3on5"}],["circle",{cx:"4",cy:"4",r:"2",key:"bt5ra8"}]]);a.s(["Linkedin",()=>e],91604);let f=(0,b.default)("instagram",[["rect",{width:"20",height:"20",x:"2",y:"2",rx:"5",ry:"5",key:"2e1cvw"}],["path",{d:"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z",key:"9exkf1"}],["line",{x1:"17.5",x2:"17.51",y1:"6.5",y2:"6.5",key:"r4j83e"}]]);a.s(["Instagram",()=>f],33232)},10359,a=>{"use strict";let b=(0,a.i(67803).default)("globe",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",key:"13o1zl"}],["path",{d:"M2 12h20",key:"9i4pu4"}]]);a.s(["Globe",()=>b],10359)},5638,a=>{"use strict";let b=(0,a.i(67803).default)("credit-card",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]]);a.s(["CreditCard",()=>b],5638)},42016,25495,a=>{"use strict";var b=a.i(67803);let c=(0,b.default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);a.s(["Check",()=>c],42016);let d=(0,b.default)("smartphone",[["rect",{width:"14",height:"20",x:"5",y:"2",rx:"2",ry:"2",key:"1yt0o3"}],["path",{d:"M12 18h.01",key:"mhygvu"}]]);a.s(["Smartphone",()=>d],25495)},16285,a=>{"use strict";var b=a.i(92240),c=a.i(88345),d=a.i(42016),e=a.i(8174),f=a.i(25495),g=a.i(5638),h=a.i(67803);let i=(0,h.default)("loader",[["path",{d:"M12 2v4",key:"3427ic"}],["path",{d:"m16.2 7.8 2.9-2.9",key:"r700ao"}],["path",{d:"M18 12h4",key:"wj9ykh"}],["path",{d:"m16.2 16.2 2.9 2.9",key:"1bxg5t"}],["path",{d:"M12 18v4",key:"jadmvz"}],["path",{d:"m4.9 19.1 2.9-2.9",key:"bwix9q"}],["path",{d:"M2 12h4",key:"j09sii"}],["path",{d:"m4.9 4.9 2.9 2.9",key:"giyufr"}]]),j=(0,h.default)("shield-check",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]]),k=[{id:"starter",name:"Starter",priceXOF:"Gratuit",priceEUR:"0€",description:"Pour démarrer votre présence en ligne.",features:["Fiche entreprise basique","Visible dans la recherche","1 Offre produit/service","Support par email"],color:"gray"},{id:"booster",name:"Booster",priceXOF:"5.000 FCFA",priceEUR:"8€",description:"L'indispensable pour les entreprises en croissance.",recommended:!0,features:["Tout du plan Starter",'Badge "Vérifié" ✅',"Jusqu'à 10 Offres produits","Lien vers réseaux sociaux & Site Web","Statistiques de base (Vues)"],color:"brand"},{id:"empire",name:"Empire",priceXOF:"15.000 FCFA",priceEUR:"23€",description:"Dominez votre marché avec une visibilité maximale.",features:["Tout du plan Booster",'Badge "Recommandé" 🏆',"Offres illimitées","Intégration vidéo Youtube","Interview écrite sur le Blog","Support prioritaire WhatsApp"],color:"gray"}];a.s(["default",0,()=>{let[a,h]=(0,c.useState)(null),[l,m]=(0,c.useState)("monthly"),[n,o]=(0,c.useState)(!1),[p,q]=(0,c.useState)("method"),[r,s]=(0,c.useState)(null),t=()=>{o(!1),q("method"),h(null),s(null)};return(0,b.jsxs)("div",{className:"py-12 bg-gray-50",children:[(0,b.jsxs)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(0,b.jsxs)("div",{className:"text-center",children:[(0,b.jsx)("h2",{className:"text-base font-semibold text-brand-600 tracking-wide uppercase",children:"Tarifs"}),(0,b.jsx)("p",{className:"mt-1 text-4xl font-extrabold text-gray-900 sm:text-5xl sm:tracking-tight lg:text-6xl font-serif",children:"Investissez dans votre croissance"}),(0,b.jsx)("p",{className:"max-w-xl mt-5 mx-auto text-xl text-gray-500",children:"Choisissez le plan adapté à vos ambitions. Changez ou annulez à tout moment."})]}),(0,b.jsx)("div",{className:"mt-12 flex justify-center",children:(0,b.jsxs)("div",{className:"relative bg-white rounded-lg p-0.5 flex sm:mt-0 shadow-sm border border-gray-200",children:[(0,b.jsx)("button",{type:"button",onClick:()=>m("monthly"),className:`${"monthly"===l?"bg-gray-100 border-gray-200 shadow-sm text-gray-900":"border-transparent text-gray-500 hover:text-gray-700"} relative w-1/2 whitespace-nowrap py-2 px-6 rounded-md text-sm font-medium focus:outline-none transition-all sm:w-auto sm:px-8`,children:"Mensuel"}),(0,b.jsxs)("button",{type:"button",onClick:()=>m("yearly"),className:`${"yearly"===l?"bg-gray-100 border-gray-200 shadow-sm text-gray-900":"border-transparent text-gray-500 hover:text-gray-700"} relative w-1/2 whitespace-nowrap py-2 px-6 rounded-md text-sm font-medium focus:outline-none transition-all sm:w-auto sm:px-8`,children:["Annuel ",(0,b.jsx)("span",{className:"text-brand-600 text-xs ml-1 font-bold",children:"-20%"})]})]})}),(0,b.jsx)("div",{className:"mt-12 space-y-4 sm:mt-16 sm:space-y-0 sm:grid sm:grid-cols-2 sm:gap-6 lg:max-w-4xl lg:mx-auto xl:max-w-none xl:mx-0 xl:grid-cols-3",children:k.map(a=>(0,b.jsxs)("div",{className:`rounded-2xl shadow-xl bg-white border-2 flex flex-col ${a.recommended?"border-brand-500 ring-4 ring-brand-50 relative transform scale-105 z-10":"border-gray-100"}`,children:[a.recommended&&(0,b.jsx)("div",{className:"absolute top-0 inset-x-0 -mt-4 flex justify-center",children:(0,b.jsx)("span",{className:"bg-brand-500 text-white px-4 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-sm",children:"Populaire"})}),(0,b.jsxs)("div",{className:"p-6 md:p-8 flex-1",children:[(0,b.jsx)("h3",{className:"text-2xl font-bold text-gray-900 font-serif",children:a.name}),(0,b.jsx)("p",{className:"mt-4 text-sm text-gray-500",children:a.description}),(0,b.jsxs)("div",{className:"mt-8 flex items-baseline",children:[(0,b.jsx)("span",{className:"text-4xl font-extrabold text-gray-900 tracking-tight",children:"Gratuit"===a.priceXOF?"Gratuit":"yearly"===l&&"starter"!==a.id?"Sur Devis":a.priceXOF}),"Gratuit"!==a.priceXOF&&(0,b.jsx)("span",{className:"ml-1 text-xl font-medium text-gray-500",children:"/mois"})]}),"Gratuit"!==a.priceXOF&&(0,b.jsxs)("p",{className:"text-xs text-gray-400 mt-1",children:["soit env. ",a.priceEUR," /mois"]}),(0,b.jsx)("ul",{className:"mt-8 space-y-4",children:a.features.map(a=>(0,b.jsxs)("li",{className:"flex items-start",children:[(0,b.jsx)("div",{className:"flex-shrink-0",children:(0,b.jsx)(d.Check,{className:"h-5 w-5 text-green-500"})}),(0,b.jsx)("p",{className:"ml-3 text-sm text-gray-700",children:a})]},a))})]}),(0,b.jsx)("div",{className:"p-6 bg-gray-50 rounded-b-2xl",children:(0,b.jsx)("button",{onClick:()=>{"starter"!==a.id&&(h(a),q("method"),o(!0))},className:`w-full block text-center rounded-lg border border-transparent px-6 py-3 text-base font-medium transition-colors ${"starter"===a.id?"text-brand-700 bg-brand-100 hover:bg-brand-200":"text-white bg-brand-600 hover:bg-brand-700 shadow-md hover:shadow-lg"}`,children:"starter"===a.id?"Commencer Gratuitement":`Choisir ${a.name}`})})]},a.id))})]}),n&&a&&(0,b.jsx)("div",{className:"fixed inset-0 z-50 overflow-y-auto","aria-labelledby":"modal-title",role:"dialog","aria-modal":"true",children:(0,b.jsxs)("div",{className:"flex items-center justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0",children:[(0,b.jsx)("div",{className:"fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity",onClick:t}),(0,b.jsx)("span",{className:"hidden sm:inline-block sm:align-middle sm:h-screen","aria-hidden":"true",children:""}),(0,b.jsxs)("div",{className:"inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg w-full",children:[(0,b.jsxs)("div",{className:"bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4",children:[(0,b.jsxs)("div",{className:"flex justify-between items-center mb-5",children:[(0,b.jsx)("h3",{className:"text-lg leading-6 font-medium text-gray-900 font-serif",id:"modal-title",children:"Paiement Sécurisé"}),(0,b.jsx)("button",{onClick:t,className:"text-gray-400 hover:text-gray-500",children:(0,b.jsx)(e.X,{className:"h-6 w-6"})})]}),"method"===p&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("div",{className:"bg-brand-50 p-4 rounded-md mb-6 border border-brand-100",children:[(0,b.jsxs)("p",{className:"text-sm text-brand-800 font-medium",children:["Vous avez choisi le plan ",(0,b.jsx)("span",{className:"font-bold",children:a.name})]}),(0,b.jsx)("p",{className:"text-2xl font-bold text-brand-900 mt-1",children:a.priceXOF})]}),(0,b.jsx)("p",{className:"text-sm font-medium text-gray-700 mb-3",children:"Moyen de paiement"}),(0,b.jsxs)("div",{className:"grid grid-cols-1 gap-3",children:[(0,b.jsxs)("button",{onClick:()=>s("mobile_money"),className:`flex items-center p-4 border rounded-lg hover:bg-gray-50 transition-all ${"mobile_money"===r?"border-brand-500 ring-1 ring-brand-500 bg-brand-50":"border-gray-300"}`,children:[(0,b.jsx)("div",{className:"h-10 w-10 bg-orange-100 rounded-full flex items-center justify-center text-orange-600 mr-4",children:(0,b.jsx)(f.Smartphone,{className:"h-6 w-6"})}),(0,b.jsxs)("div",{className:"text-left flex-1",children:[(0,b.jsx)("p",{className:"font-bold text-gray-900",children:"Mobile Money"}),(0,b.jsx)("p",{className:"text-xs text-gray-500",children:"Orange Money, MTN, Wave, Moov"})]}),(0,b.jsx)("div",{className:"h-4 w-4 rounded-full border border-gray-300 flex items-center justify-center",children:"mobile_money"===r&&(0,b.jsx)("div",{className:"h-2 w-2 rounded-full bg-brand-600"})})]}),(0,b.jsxs)("button",{onClick:()=>s("card"),className:`flex items-center p-4 border rounded-lg hover:bg-gray-50 transition-all ${"card"===r?"border-brand-500 ring-1 ring-brand-500 bg-brand-50":"border-gray-300"}`,children:[(0,b.jsx)("div",{className:"h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center text-blue-600 mr-4",children:(0,b.jsx)(g.CreditCard,{className:"h-6 w-6"})}),(0,b.jsxs)("div",{className:"text-left flex-1",children:[(0,b.jsx)("p",{className:"font-bold text-gray-900",children:"Carte Bancaire"}),(0,b.jsx)("p",{className:"text-xs text-gray-500",children:"Visa, Mastercard"})]}),(0,b.jsx)("div",{className:"h-4 w-4 rounded-full border border-gray-300 flex items-center justify-center",children:"card"===r&&(0,b.jsx)("div",{className:"h-2 w-2 rounded-full bg-brand-600"})})]})]}),"mobile_money"===r&&(0,b.jsxs)("div",{className:"mt-4 animate-in fade-in slide-in-from-top-2",children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Numéro de téléphone"}),(0,b.jsx)("input",{type:"text",placeholder:"+225 07...",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),"card"===r&&(0,b.jsxs)("div",{className:"mt-4 animate-in fade-in slide-in-from-top-2 space-y-3",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Numéro de carte"}),(0,b.jsx)("input",{type:"text",placeholder:"0000 0000 0000 0000",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),(0,b.jsxs)("div",{className:"grid grid-cols-2 gap-4",children:[(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"Expiration"}),(0,b.jsx)("input",{type:"text",placeholder:"MM/AA",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("label",{className:"block text-sm font-medium text-gray-700",children:"CVC"}),(0,b.jsx)("input",{type:"text",placeholder:"123",className:"mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:ring-brand-500 focus:border-brand-500 sm:text-sm"})]})]})]})]}),"processing"===p&&(0,b.jsxs)("div",{className:"py-10 text-center",children:[(0,b.jsx)(i,{className:"h-12 w-12 text-brand-600 animate-spin mx-auto mb-4"}),(0,b.jsx)("p",{className:"text-lg font-medium text-gray-900",children:"Traitement en cours..."}),(0,b.jsx)("p",{className:"text-sm text-gray-500 mt-2",children:"Veuillez valider la transaction sur votre mobile si nécessaire."})]}),"success"===p&&(0,b.jsxs)("div",{className:"py-6 text-center animate-in zoom-in duration-300",children:[(0,b.jsx)("div",{className:"mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-green-100 mb-4",children:(0,b.jsx)(j,{className:"h-10 w-10 text-green-600"})}),(0,b.jsx)("h3",{className:"text-xl font-bold text-gray-900",children:"Paiement Réussi !"}),(0,b.jsxs)("p",{className:"text-gray-500 mt-2 mb-6",children:["Votre abonnement ",a.name," est maintenant actif."]}),(0,b.jsx)("button",{onClick:t,className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-brand-600 text-base font-medium text-white hover:bg-brand-700 focus:outline-none sm:text-sm",children:"Accéder à mon espace"})]})]}),"method"===p&&(0,b.jsxs)("div",{className:"bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse",children:[(0,b.jsxs)("button",{type:"button",disabled:!r,onClick:()=>{q("processing"),setTimeout(()=>{q("success")},2500)},className:"w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-brand-600 text-base font-medium text-white hover:bg-brand-700 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed sm:ml-3 sm:w-auto sm:text-sm",children:["Payer ",a.priceXOF]}),(0,b.jsx)("button",{type:"button",onClick:t,className:"mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm",children:"Annuler"})]})]})]})})]})}],16285)}];

		`//# sourceMappingURL=Documents_00%20-%20projet_afropreunariat_bb7a2add._.js.map`