1import{j as e}from"./ui-B24r7L8T.js";import{u as t}from"./index-jliKxVf4.js";import{L as i}from"./vendor-DAGOxM1L.js";import{c as a,u as s}from"./index-53f7H8l8.js";import{m as r}from"./animations-cq5Yf4Gu.js";import{S as o}from"./search-Oj8vVhj9.js";import{D as l}from"./database-CwgSFmAp.js";import{C as n}from"./calendar-Dhfet8H1.js"; 2/** 3 * @license lucide-react v0.462.0 - ISC 4 * 5 * This source code is licensed under the ISC license. 6 * See the LICENSE file in the root directory of this source tree. 7 */const c=a("FilePen",[["path",{d:"M12.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v9.5",key:"1couwa"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M13.378 15.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",key:"1y4qbx"}]]),d=()=>{const{ref:a,inView:d}=t({threshold:.2,triggerOnce:!0}),{t:m,getLocalizedPath:h,language:g}=s("home"),x=[{icon:o,titleKey:"howItWorks.steps.identification.title",descriptionKey:"howItWorks.steps.identification.description"},{icon:l,titleKey:"howItWorks.steps.enrichment.title",descriptionKey:"howItWorks.steps.enrichment.description"},{icon:c,titleKey:"howItWorks.steps.strategy.title",descriptionKey:"howItWorks.steps.strategy.description"},{icon:n,titleKey:"howItWorks.steps.qualification.title",descriptionKey:"howItWorks.steps.qualification.description"}],p={ICP:"icp","Ideal Customer Profile":"icp",MQL:"mql",SQL:"sql","Marketing Qualified Leads":"mql","Sales Qualified Leads":"sql","cold calling":"cold-calling","cold emailing":"cold-emailing","InMails LinkedIn":"inmail","lead nurturing":"lead-nurturing"};return e.jsx("section",{ref:a,className:"py-20 bg-gradient-to-b from-background to-muted/20",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsxs(r.div,{className:"text-center mb-16",initial:{opacity:0,y:20},animate:d?{opacity:1,y:0}:{},transition:{duration:.6},children:[e.jsx("h2",{className:"mb-4 text-primary",children:m("howItWorks.title")}),e.jsx("p",{className:"text-xl text-muted-foreground max-w-3xl mx-auto",children:m("howItWorks.subtitle")})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"hidden lg:block absolute left-1/2 top-0 bottom-0 w-1 bg-gradient-to-b from-accent via-accent/50 to-accent transform -translate-x-1/2",children:e.jsx(r.div,{className:"absolute top-0 left-0 right-0 bg-accent origin-top",initial:{scaleY:0},animate:d?{scaleY:1}:{},transition:{duration:2,ease:"easeInOut"},style:{height:"100%"}})}),e.jsx("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-8",children:x.map((t,a)=>{const s=a%2==0;return e.jsxs(r.div,{initial:{opacity:0,x:s?-50:50},animate:d?{opacity:1,x:0}:{},transition:{duration:.6,delay:.2*a},className:"relative "+(s?"lg:text-right lg:pr-12":"lg:text-left lg:pl-12 lg:col-start-2"),children:[e.jsx("div",{className:"hidden lg:block absolute top-8 w-6 h-6 rounded-full bg-accent border-4 border-background shadow-lg z-10",style:{[s?"right":"left"]:"-12px"}}),e.jsx("div",{className:"bg-card border border-border rounded-2xl p-8 hover:shadow-elegant transition-all duration-300 hover:-translate-y-2 group",children:e.jsxs("div",{className:"flex items-start gap-4 "+(s?"lg:flex-row-reverse":""),children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"w-16 h-16 rounded-2xl bg-accent/10 flex items-center justify-center group-hover:scale-110 group-hover:rotate-3 transition-all duration-300",children:e.jsx(t.icon,{className:"h-8 w-8 text-accent"})}),e.jsx("div",{className:"absolute -top-2 -right-2 w-8 h-8 rounded-full bg-primary text-primary-foreground flex items-center justify-center font-bold text-sm shadow-lg",children:a+1})]})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-xl font-bold mb-3 text-primary group-hover:text-accent transition-colors duration-300",children:m(t.titleKey)}),e.jsx("p",{className:"text-muted-foreground leading-relaxed",children:(o=m(t.descriptionKey),o.split(/\b(ICP|Ideal Customer Profile|MQL|SQL|Marketing Qualified Leads|Sales Qualified Leads|cold calling|cold emailing|InMails LinkedIn|lead nurturing)\b/g).map((t,a)=>p[t]?e.jsx(i,{to:h(`/glossaire#${p[t]}`),className:"text-accent hover:underline font-medium",title:"fr"===g?`Définition : ${t}`:`Definition: ${t}`,children:t},a):e.jsx("span",{children:t},a)))})]})]})})]},a);var o})})]}),e.jsx(r.div,{initial:{opacity:0,y:20},animate:d?{opacity:1,y:0}:{},transition:{duration:.6,delay:.8},className:"text-center mt-12",children:e.jsx(i,{to:h("/nos-offres"),className:"inline-flex items-center justify-center px-8 py-3 text-sm font-medium rounded-xl bg-accent text-accent-foreground hover:bg-accent-hover transition-all duration-300 hover:shadow-elegant",title:"fr"===g?"Découvrir nos offres de génération de leads":"Discover our lead generation services",children:m("howItWorks.cta")})})]})})};export{d as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.