https://sessionary.lovable.app/assets/HowItWorks-B-9aqAjO.js

1import{c as f,r,j as e,s as i,w as j,x as k,A as C,m as h}from"./index-pRvKoMp1.js";import{M as R}from"./mail-BKeAkR0l.js";import{F as M,G as A}from"./gift-BeOXtGf-.js";import{C as S}from"./calendar-q2WoVjAH.js";import{R as p,S as E,a as I}from"./Reveal-D8dQhIup.js";import{U as L}from"./users-C8N-eRbp.js";import{M as H}from"./message-square-I7-0a70C.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const T=f("Info",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 16v-4",key:"1dtifu"}],["path",{d:"M12 8h.01",key:"e9boi3"}]]);/**
7 * @license lucide-react v0.462.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const G=f("Lightbulb",[["path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",key:"1gvzjb"}],["path",{d:"M9 18h6",key:"x1upvd"}],["path",{d:"M10 22h4",key:"ceow96"}]]),D=j("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),g=r.forwardRef(({className:t,variant:s,...a},n)=>e.jsx("div",{ref:n,role:"alert",className:i(D({variant:s}),t),...a}));g.displayName="Alert";const W=r.forwardRef(({className:t,...s},a)=>e.jsx("h5",{ref:a,className:i("mb-1 font-medium leading-none tracking-tight",t),...s}));W.displayName="AlertTitle";const v=r.forwardRef(({className:t,...s},a)=>e.jsx("div",{ref:a,className:i("text-sm [&_p]:leading-relaxed",t),...s}));v.displayName="AlertDescription";const u=r.forwardRef(({className:t,...s},a)=>e.jsx("div",{ref:a,className:i("rounded-lg border bg-card text-card-foreground shadow-sm",t),...s}));u.displayName="Card";const z=r.forwardRef(({className:t,...s},a)=>e.jsx("div",{ref:a,className:i("flex flex-col space-y-1.5 p-6",t),...s}));z.displayName="CardHeader";const F=r.forwardRef(({className:t,...s},a)=>e.jsx("h3",{ref:a,className:i("text-2xl font-semibold leading-none tracking-tight",t),...s}));F.displayName="CardTitle";const V=r.forwardRef(({className:t,...s},a)=>e.jsx("p",{ref:a,className:i("text-sm text-muted-foreground",t),...s}));V.displayName="CardDescription";const y=r.forwardRef(({className:t,...s},a)=>e.jsx("div",{ref:a,className:i("p-6 pt-0",t),...s}));y.displayName="CardContent";const $=r.forwardRef(({className:t,...s},a)=>e.jsx("div",{ref:a,className:i("flex items-center p-6 pt-0",t),...s}));$.displayName="CardFooter";const m=[{step:"01",title:"Receive invite",description:"We'll reach out when there's a strong, relevant fit.",icon:R},{step:"02",title:"Complete profile",description:"Reply via email to complete a quick intake form.",icon:M},{step:"03",title:"Schedule conversation",description:"Select a 30–45 min slot for a virtual conversation.",icon:S},{step:"04",title:"Get compensated",description:"Share feedback and receive a gift card (2,000+ brands incl. Amazon & Visa).",icon:A}],q=()=>{const t=r.useRef(null),[s,a]=r.useState(-1);return r.useEffect(()=>{const n=()=>{const d=t.current;if(!d)return;const c=d.getBoundingClientRect(),l=window.innerHeight,o=l*.85,w=l*.4,b=c.height+(o-w),N=o-c.top,x=Math.max(0,Math.min(1,N/b));a(Math.min(m.length-1,Math.floor(x*m.length+.001))-(x===0?1:0))};return n(),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",n)}},[]),e.jsxs("div",{className:"mt-20 max-w-5xl mx-auto",children:[e.jsxs("div",{className:"flex items-end justify-between mb-8 gap-6 flex-wrap",children:[e.jsxs("div",{children:[e.jsx("p",{className:"eyebrow mb-3",children:"What happens next"}),e.jsx("h3",{className:"font-display text-2xl md:text-3xl font-medium text-navy-900 leading-tight",children:"A simple four-step process"})]}),e.jsxs(k,{to:"/for-professionals#how-we-work",className:"group inline-flex items-center gap-2 text-sm font-medium text-navy-900 hover:text-navy-700 transition-colors",children:["Learn more",e.jsx(C,{className:"h-4 w-4 transition-transform duration-300 group-hover:translate-x-1"})]})]}),e.jsx("ol",{ref:t,className:"relative grid grid-cols-2 md:grid-cols-4 gap-px bg-navy-100 border border-navy-100 rounded-2xl overflow-hidden",children:m.map(({step:n,title:d,icon:c},l)=>{const o=l<=s;return e.jsxs("li",{className:`group relative bg-white p-6 transition-all duration-700 ease-out ${o?"opacity-100 translate-y-0":"opacity-0 translate-y-6"}`,style:{transitionDelay:o?`${l*80}ms`:"0ms"},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-5",children:[e.jsx("span",{className:"font-mono text-xs text-navy-400 tracking-wider",children:n}),e.jsx("div",{className:`h-px flex-1 transition-colors duration-700 ${o?"bg-navy-700":"bg-navy-200"}`})]}),e.jsx(c,{className:`h-6 w-6 mb-4 transition-colors duration-700 ${o?"text-navy-900":"text-navy-400"}`,strokeWidth:1.5}),e.jsx("p",{className:"font-display text-base md:text-lg font-medium text-navy-900 leading-snug mb-2",children:d}),e.jsx("p",{className:"text-sm text-slate-600 leading-relaxed",children:m[l].description})]},n)})})]})},U=[{icon:e.jsx(L,{className:"h-6 w-6"}),title:"Meaningful Connections",description:"Get thoughtfully matched with innovative companies solving relevant challenges in your industry — based on your professional background and industry experience."},{icon:e.jsx(H,{className:"h-6 w-6"}),title:"Valuable Exchanges",description:"Explore an innovation that could elevate your work in a one-on-one product demo session — while getting compensated to share feedback based on your real-world experience."},{icon:e.jsx(G,{className:"h-6 w-6"}),title:"Mutual Growth",description:"Through open conversations, professionals and companies transform together — where companies share ideas, seek advice, and can earn the interest of the professionals they're building for."}],X=()=>e.jsx("section",{id:"how-it-works",className:"py-24 md:py-28 bg-white relative",children:e.jsxs("div",{className:"container-custom max-w-7xl mx-auto px-4 sm:px-6",children:[e.jsxs(p,{className:"mb-16 max-w-3xl",children:[e.jsx("p",{className:"eyebrow mb-5",children:"Our AI-powered process"}),e.jsx("h2",{className:"mb-6 text-4xl font-medium md:text-5xl lg:text-6xl text-navy-900 leading-[1.05]",children:"How Sessionary works"}),e.jsx("p",{className:"text-slate-600 text-lg leading-relaxed whitespace-pre-line",children:"Sessionary is a professional discovery network that connects industry professionals with emerging technologies. We help professionals discover innovations relevant to their work, share authentic feedback that helps shape the future of their industry, and get compensated for their time. Today, we partner with thousands of professionals from leading companies to cut through the noise and connect directly with technologies that matter."})]}),e.jsx(E,{className:"grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-10",stagger:.12,children:U.map((t,s)=>e.jsx(I,{children:e.jsx(h.div,{whileHover:{y:-6},transition:{type:"spring",stiffness:220,damping:22},className:"h-full",children:e.jsx(u,{className:"h-full border border-navy-100 bg-white shadow-none hover:shadow-lg hover:border-navy-200 transition-all duration-300 overflow-hidden group rounded-2xl",children:e.jsx(y,{className:"p-0 h-full",children:e.jsxs("div",{className:"relative h-full flex flex-col p-8",children:[e.jsxs("div",{className:"flex items-center mb-6",children:[e.jsx(h.div,{whileHover:{rotate:6,scale:1.06},transition:{type:"spring",stiffness:300,damping:18},className:"h-11 w-11 rounded-full bg-navy-50 text-navy-700 flex items-center justify-center mr-4 group-hover:bg-navy-700 group-hover:text-white transition-colors duration-300",children:t.icon}),e.jsxs("span",{className:"font-mono text-xs text-navy-400 tracking-widest",children:["0",s+1]})]}),e.jsx("h3",{className:"text-2xl font-medium text-navy-900 mb-3 leading-tight",children:t.title}),e.jsx("p",{className:"text-slate-600 leading-relaxed",children:t.description}),e.jsx("div",{className:"mt-6 h-px w-10 bg-navy-200 group-hover:w-20 group-hover:bg-navy-700 transition-all duration-500"})]})})})})},t.title))}),e.jsx(p,{className:"mt-16",delay:.1,children:e.jsxs(g,{className:"bg-navy-100/40 border-none shadow-sm max-w-3xl mx-auto",children:[e.jsx(T,{className:"h-5 w-5 text-navy-700"}),e.jsx(v,{className:"text-navy-800 font-medium ml-2 text-lg",children:"If a Sessionary team member reached out, it means you've been identified as a relevant professional for a company working on an innovation in your direct field."})]})}),e.jsx(q,{})]})});export{X as default};