https://creation-site-pro.be/assets/Step5_Features-D63C_qsY.js

1import{u as ee,j as e}from"./index-DIuMSVDN.js";import{r as l}from"./vendor-react-DBQ0KQVa.js";import{g as n}from"./vendor-gsap-DDlvirwQ.js";import{u as ie}from"./useStepAnimation-BYP4krYH.js";import{s as se}from"./ArchitectPage-jCLhRzW6.js";import{ah as q,bn as ae,O as y,aa as F,bo as te,ad as oe,b as ne,bp as re,aK as le,bq as ce,br as N,w as P,bs as B,bt as L,t as w,bu as de,bv as ue,a7 as pe,bw as be,bx as xe,by as me,bz as D,o as G,bA as ge,k as he,bB as fe,bC as je,a1 as ze,bD as ye,bE as Ce,a3 as A,bF as T,bG as ve,bj as O,Z as E,bH as Se,bI as ke,bJ as Pe,E as we,bK as Ae,b3 as Te,bL as Ee,a0 as I,aO as Me,a9 as Re,bM as qe,z as Fe,bN as Ne,av as Be,R as Le,bO as W,W as De,bP as Ge,bQ as Oe,bR as Ie,ac as We,bS as $,M as V,bT as $e,an as Ve,bU as H,y as U,b8 as M,bV as He,x as K,bW as Z,V as Ue,a$ as Ke,bX as Ze,bY as Qe,bZ as Xe,N as Ye,b9 as Je,b_ as _e,b$ as ei,P as ii,i as si,h as ai,c0 as ti}from"./vendor-icons-C86LGUz6.js";import"./SEOHead-ByVy3cLU.js";import"./FAQSection-C1brvROo.js";import"./purify.es-D1KCXlL6.js";import"./index-F5y94pgs.js";const R={vitrine:[{category:"Contenu & Media",features:[{id:"blog",icon:e.jsx(Ue,{size:15}),label:"Blog / Actualites"},{id:"galerie",icon:e.jsx(Ke,{size:15}),label:"Galerie photos"},{id:"portfolio",icon:e.jsx(Ze,{size:15}),label:"Portfolio / Réalisations"},{id:"video",icon:e.jsx(Qe,{size:15}),label:"Intégration video"},{id:"témoignages",icon:e.jsx(Xe,{size:15}),label:"Temoignages clients"},{id:"faq",icon:e.jsx(Ye,{size:15}),label:"FAQ / Base de connaissances"},{id:"actualites",icon:e.jsx(Je,{size:15}),label:"Fil d'actualites"},{id:"flux-rss",icon:e.jsx(_e,{size:15}),label:"Flux RSS"}]},{category:"Interaction & Contact",features:[{id:"contact",icon:e.jsx(L,{size:15}),label:"Formulaire de contact"},{id:"rdv",icon:e.jsx(ei,{size:15}),label:"Prise de rendez-vous"},{id:"chat",icon:e.jsx(w,{size:15}),label:"Chat en direct"},{id:"callback",icon:e.jsx(ii,{size:15}),label:"Rappel telephonique"},{id:"devis",icon:e.jsx(W,{size:15}),label:"Demande de devis en ligne"},{id:"newsletter",icon:e.jsx(V,{size:15}),label:"Newsletter / Mailing list"},{id:"avis",icon:e.jsx(I,{size:15}),label:"Avis clients verifies"},{id:"partage-social",icon:e.jsx(H,{size:15}),label:"Partage réseaux sociaux"},{id:"reseaux-sociaux",icon:e.jsx(y,{size:15}),label:"Gestion des réseaux sociaux"}]},{category:"Navigation & Localisation",features:[{id:"carte",icon:e.jsx(si,{size:15}),label:"Carte interactive"},{id:"multi-adresses",icon:e.jsx($,{size:15}),label:"Multi-etablissements"},{id:"recherche",icon:e.jsx(P,{size:15}),label:"Moteur de recherche interne"},{id:"multilingue",icon:e.jsx(A,{size:15}),label:"Version multilingue"},{id:"horaires",icon:e.jsx(G,{size:15}),label:"Horaires d'ouverture"},{id:"itineraire",icon:e.jsx(ai,{size:15}),label:"Itineraire GPS"}]},{category:"Technique & Performance",features:[{id:"seo",icon:e.jsx(U,{size:15}),label:"SEO avancé"},{id:"sea",icon:e.jsx(M,{size:15}),label:"SEA (publicité payante)"},{id:"stats",icon:e.jsx(K,{size:15}),label:"Statistiques de visites"},{id:"responsive",icon:e.jsx(ti,{size:15}),label:"Design responsive"},{id:"pwa",icon:e.jsx(T,{size:15}),label:"Progressive Web App (PWA)"},{id:"ssl",icon:e.jsx(F,{size:15}),label:"Certificat SSL / HTTPS"},{id:"cookies",icon:e.jsx(Z,{size:15}),label:"Bandeau cookies / RGPD"},{id:"accessibilité",icon:e.jsx(O,{size:15}),label:"Accessibilite (WCAG)"},{id:"perf",icon:e.jsx(E,{size:15}),label:"Optimisation vitesse (Core Web Vitals)"}]}],ecommerce:[{category:"Catalogue & Produits",features:[{id:"recherche",icon:e.jsx(P,{size:15}),label:"Recherche produits avancee"},{id:"filtres",icon:e.jsx(Se,{size:15}),label:"Filtres & tri (prix, taille, couleur)"},{id:"categories",icon:e.jsx(ke,{size:15}),label:"Catégories & sous-categories"},{id:"variantes",icon:e.jsx(Pe,{size:15}),label:"Variantes (taille, couleur...)"},{id:"zoom-produit",icon:e.jsx(we,{size:15}),label:"Zoom photo / vue 360"},{id:"comparaison",icon:e.jsx(Ae,{size:15}),label:"Comparaison de produits"},{id:"wishlist",icon:e.jsx(Te,{size:15}),label:"Liste de souhaits / Favoris"},{id:"produits-similaires",icon:e.jsx(Ee,{size:15}),label:"Produits recommandes"},{id:"avis-produits",icon:e.jsx(I,{size:15}),label:"Avis & notes produits"},{id:"stocks",icon:e.jsx(Me,{size:15}),label:"Gestion des stocks en temps reel"},{id:"alertes-stock",icon:e.jsx(B,{size:15}),label:"Alerte retour en stock"}]},{category:"Panier & Paiement",features:[{id:"paiement",icon:e.jsx(Re,{size:15}),label:"Paiement CB / Stripe / PayPal"},{id:"paiement-fractionne",icon:e.jsx(qe,{size:15}),label:"Paiement en 3x/4x"},{id:"panier-persistant",icon:e.jsx(Fe,{size:15}),label:"Panier persistant"},{id:"promo",icon:e.jsx(Ne,{size:15}),label:"Codes promo & reductions"},{id:"cartes-cadeau",icon:e.jsx(Be,{size:15}),label:"Cartes cadeaux"},{id:"abandon-panier",icon:e.jsx(Le,{size:15}),label:"Relance abandon panier"},{id:"factures-auto",icon:e.jsx(W,{size:15}),label:"Factures automatiques"},{id:"multi-devises",icon:e.jsx(De,{size:15}),label:"Multi-devises"}]},{category:"Livraison & Commandes",features:[{id:"suivi",icon:e.jsx(Ge,{size:15}),label:"Suivi de commande en temps reel"}

1,{id:"multi-transporteurs",icon:e.jsx(Oe,{size:15}),label:"Multi-transporteurs"},{id:"click-collect",icon:e.jsx(Ie,{size:15}),label:"Click & Collect"},{id:"retours",icon:e.jsx(We,{size:15}),label:"Gestion des retours / SAV"},{id:"points-relais",icon:e.jsx($,{size:15}),label:"Points relais"},{id:"livraison-gratuite",icon:e.jsx(D,{size:15}),label:"Seuil livraison gratuite"}]},{category:"Marketing & Fidelisation",features:[{id:"newsletter",icon:e.jsx(V,{size:15}),label:"Newsletter automatisee"},{id:"programme-fidelite",icon:e.jsx($e,{size:15}),label:"Programme de fidelite"},{id:"parrainage",icon:e.jsx(Ve,{size:15}),label:"Parrainage"},{id:"partage-social",icon:e.jsx(H,{size:15}),label:"Partage réseaux sociaux"},{id:"reseaux-sociaux",icon:e.jsx(y,{size:15}),label:"Gestion des réseaux sociaux"},{id:"upsell",icon:e.jsx(U,{size:15}),label:"Upsell / Cross-sell"},{id:"pop-up-promo",icon:e.jsx(M,{size:15}),label:"Pop-up promotionnels"},{id:"seo",icon:e.jsx(He,{size:15}),label:"SEO avancé"},{id:"sea",icon:e.jsx(M,{size:15}),label:"SEA (publicité payante)"}]},{category:"Technique",features:[{id:"compte-client",icon:e.jsx(y,{size:15}),label:"Espace client / Compte"},{id:"multilingue",icon:e.jsx(A,{size:15}),label:"Version multilingue"},{id:"app-mobile",icon:e.jsx(T,{size:15}),label:"Application mobile"},{id:"stats",icon:e.jsx(K,{size:15}),label:"Analytics & rapports ventes"},{id:"chat",icon:e.jsx(w,{size:15}),label:"Chat support client"},{id:"cookies",icon:e.jsx(Z,{size:15}),label:"Conformite RGPD / Cookies"},{id:"perf",icon:e.jsx(E,{size:15}),label:"Optimisation vitesse"}]}],logiciel:[{category:"Authentification & Sécurité",features:[{id:"auth",icon:e.jsx(q,{size:15}),label:"Authentification (email / OAuth)"},{id:"mfa",icon:e.jsx(ae,{size:15}),label:"Double authentification (MFA)"},{id:"roles",icon:e.jsx(y,{size:15}),label:"Gestion des roles & permissions"},{id:"sso",icon:e.jsx(F,{size:15}),label:"Single Sign-On (SSO)"},{id:"audit-log",icon:e.jsx(te,{size:15}),label:"Journal d'audit / Logs"},{id:"chiffrement",icon:e.jsx(q,{size:15}),label:"Chiffrement des donnees"}]},{category:"Tableau de bord & Donnees",features:[{id:"dashboard",icon:e.jsx(oe,{size:15}),label:"Tableau de bord personnalisable"},{id:"kpi",icon:e.jsx(ne,{size:15}),label:"KPI & indicateurs en temps reel"},{id:"graphiques",icon:e.jsx(re,{size:15}),label:"Graphiques & visualisations"},{id:"rapports",icon:e.jsx(le,{size:15}),label:"Rapports générés automatiquement"},{id:"export",icon:e.jsx(ce,{size:15}),label:"Export CSV / Excel / PDF"},{id:"import",icon:e.jsx(N,{size:15}),label:"Import de donnees en masse"},{id:"recherche-avancee",icon:e.jsx(P,{size:15}),label:"Recherche & filtres avances"}]},{category:"Collaboration & Communication",features:[{id:"notifs",icon:e.jsx(B,{size:15}),label:"Notifications (email, push, in-app)"},{id:"messagerie",icon:e.jsx(L,{size:15}),label:"Messagerie interne"},{id:"commentaires",icon:e.jsx(w,{size:15}),label:"Commentaires & annotations"},{id:"partage-fichiers",icon:e.jsx(de,{size:15}),label:"Partage de fichiers"},{id:"activité",icon:e.jsx(ue,{size:15}),label:"Flux d'activité"},{id:"visio",icon:e.jsx(pe,{size:15}),label:"Visioconference integree"}]},{category:"Workflow & Automatisation",features:[{id:"workflows",icon:e.jsx(be,{size:15}),label:"Workflows automatises"},{id:"tâches",icon:e.jsx(xe,{size:15}),label:"Gestion de tâches / Kanban"},{id:"formulaires",icon:e.jsx(me,{size:15}),label:"Formulaires dynamiques"},{id:"signatures",icon:e.jsx(D,{size:15}),label:"Signature electronique"},{id:"cron",icon:e.jsx(G,{size:15}),label:"Taches planifiees (CRON)"},{id:"templates",icon:e.jsx(ge,{size:15}),label:"Templates de documents"}]},{category:"Integrations & API",features:[{id:"api",icon:e.jsx(he,{size:15}),label:"API REST / GraphQL"},{id:"webhooks",icon:e.jsx(fe,{size:15}),label:"Webhooks"},{id:"crm",icon:e.jsx(je,{size:15}),label:"Intégration CRM (HubSpot, Salesforce)"},{id:"erp",icon:e.jsx(ze,{size:15}),label:"Connexion ERP / Comptabilite"},{id:"zapier",icon:e.jsx(ye,{size:15}),label:"Zapier / Make / N8N"},{id:"oauth-provider",icon:e.jsx(Ce,{size:15}),label:"Fournisseur OAuth"}]},{category:"Technique",features:[{id:"multilingue",icon:e.jsx(A,{size:15}),label:"Interface multilingue"},{id:"app-mobile",icon:e.jsx(T,{size:15}),label:"Application mobile"},{id:"dark-mode",icon:e.jsx(ve,{size:15}),label:"Mode sombre"},{id:"accessibilité",icon:e.jsx(O,{size:15}),label:"Accessibilite (WCAG)"},{id:"offline",icon:e.jsx(N,{size:15}),label:"Mode hors-ligne"},{id:"perf",icon:e.jsx(E,{size:15}),label:"Optimisation performance"}]}]},oi={};

1Object.values(R).forEach(m=>m.forEach(c=>c.features.forEach(s=>{oi[s.id]=s.label})));function fi(){const m=ie(),{besoinMetier:c,features:s,toggleFeature:C}=ee(),f=l.useRef(!1),d=l.useRef(null),r=l.useRef(null),[u,b]=l.useState({}),[g,h]=l.useState(!0),v=l.useRef(0),Q=l.useRef(null),S=R[c]||R.vitrine;l.useEffect(()=>{const i={};S.forEach(o=>{i[o.category]=!1}),b(i),h(!0)},[c]),l.useEffect(()=>{const i=d.current;if(!i)return;const o=n.context(()=>{const a=n.timeline({onComplete:()=>h(!1)});Q.current=a;const t=i.querySelector(".step-question");if(t){const j=t.textContent.trim().split(/\s+/);t.innerHTML=j.map(k=>`<span class="feat-word">${k}</span>`).join(" "),n.set(t,{visibility:"visible"}),n.set(".feat-word",{display:"inline-block",opacity:0,y:35,filter:"blur(14px)",scale:.85}),a.to(".feat-word",{opacity:1,y:0,filter:"blur(0px)",scale:1,stagger:.065,duration:.6,ease:"expo.out"},0)}a.fromTo(r.current,{y:30,opacity:0,scale:.3},{y:0,opacity:1,scale:1,duration:.65,ease:"elastic.out(1, 0.5)"},.35);const p=i.querySelectorAll(".feature-category");a.fromTo(p,{opacity:0,y:40},{opacity:1,y:0,duration:.4,stagger:.1,ease:"expo.out",clearProps:"transform"},.5);const x=.5+p.length*.1+.25;S.forEach((j,k)=>{const J=x+k*.35;a.call(()=>{b(z=>({...z,[j.category]:!0})),requestAnimationFrame(()=>{requestAnimationFrame(()=>{const z=i.querySelector(`[data-category="${j.category}"] .feature-category-chips`);if(!z)return;const _=z.querySelectorAll(".chip");n.fromTo(_,{opacity:0,y:8,scale:.9},{opacity:1,y:0,scale:1,stagger:.03,duration:.25,ease:"back.out(1.5)"})})})},[],J)})},i);return()=>o.revert()},[c]),l.useEffect(()=>{if(!r.current||v.current===s.length)return;const i=s.length>v.current?-1:1;n.fromTo(r.current,{y:i*20,scale:1.5,opacity:.2},{y:0,scale:1,opacity:1,duration:.5,ease:"elastic.out(1, 0.4)"}),v.current=s.length},[s.length]);const X=(i,o)=>{const a=o.currentTarget,t=s.includes(i);if(C(i),t)n.fromTo(a,{rotation:0},{rotation:-3,duration:.05,repeat:5,yoyo:!0,ease:"power2.inOut",onComplete:()=>n.set(a,{rotation:0,clearProps:"all"})});else{const x=n.timeline();x.to(a,{scaleY:.78,scaleX:1.08,duration:.08,ease:"power3.in"}),x.to(a,{scaleY:1.14,scaleX:.94,duration:.12,ease:"power2.out"}),x.to(a,{scaleY:1,scaleX:1,duration:.45,ease:"elastic.out(1.2, 0.35)"}),x.fromTo(a,{boxShadow:"0 0 0 0 rgba(200,149,108,0.7)"},{boxShadow:"0 0 25px 6px rgba(200,149,108,0)",duration:.7,ease:"expo.out"},.05),ni(a,10)}(t?s.length-1:s.length+1)===3&&!f.current&&(se("Vous savez exactement ce qu'il vous faut !"),f.current=!0)},Y=i=>{b(o=>{const a=!o[i];return a&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t=d.current?.querySelector(`[data-category="${i}"] .feature-category-chips`);if(!t)return;const p=t.querySelectorAll(".chip");n.fromTo(p,{y:18,opacity:0,scale:.5},{y:0,opacity:1,scale:1,stagger:.025,duration:.35,ease:"back.out(1.6)",clearProps:"all"})})}),{...o,[i]:a}})};return e.jsx("div",{className:"step-wrapper",ref:m,children:e.jsxs("div",{ref:d,className:`features-container${g?" entering":""}`,children:[e.jsx("h2",{className:"step-question",style:{visibility:"hidden"},children:"Qu'est-ce qui est important pour votre site ?"}),e.jsxs("p",{className:"features-counter",ref:r,style:{opacity:0},children:[s.length," fonctionnalité",s.length>1?"s":""," ","sélectionnée",s.length>1?"s":""]}),e.jsx("div",{className:"features-categories",children:S.map(i=>{const o=u[i.category]===!0,a=i.features.filter(t=>s.includes(t.id)).length;return e.jsxs("div",{className:"feature-category","data-category":i.category,style:g?{opacity:0}:void 0,children:[e.jsxs("button",{className:"feature-category-header",onClick:()=>Y(i.category),children:[e.jsx("span",{className:"feature-category-title",children:i.category}),e.jsxs("span",{className:"feature-category-meta",children:[a>0&&e.jsx("span",{className:"feature-category-count",children:a}),e.jsx("span",{className:`feature-category-chevron${o?" open":""}`,children:e.jsx(ri,{})})]})]}),o&&e.jsx("div",{className:"feature-category-chips",children:i.features.map(t=>e.jsxs("button",{className:`chip${s.includes(t.id)?" active":""}`,onClick:p=>X(t.id,p),children:[t.icon," ",t.label]},t.id))})]},i.category)})})]})})}function ni(m,c){const s=m.getBoundingClientRect(),C=s.left+s.width/2,f=s.top+s.height/2,d=["#C8956C","#E8B88A","#D4A574","#F0D9B5","#A07050","#B8956C","#F5E6D0","#D4A574"];for(let r=0;r<c;r++){const u=document.createElement("div"),b=4+Math.random()*5;u.style.cssText=`
2      position:fixed; left:${C}px; top:${f}px;
3      width:${b}px; height:${b}px; border-radius:50%;
4      background:${d[r%d.length]};
5      pointer-events:none; z-index:9999;
6      box-shadow: 0 0 6px ${d[r%d.length]};
7    `,document.body.appendChild(u);const g=r/c*Math.PI*2+(Math.random()-.5)*.5,h=35+Math.random()*30;n.to(u,{x:Math.cos(g)*h,y:Math.sin(g)*h,opacity:0,scale:0,duration:.6+Math.random()*.3,ease:"expo.out",onComplete:()=>u.remove()}),setTimeout(()=>u.isConnected&&u.remove(),1500)}}function ri(){return e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"6 9 12 15 18 9"})})}export{oi as allFeatureLabels,fi as default};