ProcessFlowsHome-ENaojX0x.js

js slideon.app collected 2026-10-09 22:55:10 UTC 107,641 bytes, 1 lines download raw bytes

1import{j as e,m as t,A as a}from"./vendor-motion-CnFAAAIE.js";import{r}from"./vendor-react-BCghNb5z.js";import{u as s,c as i}from"./index-BNnIcVqH.js";import{W as l}from"./WorldMapPhoneGlobe-DPl9ATCn.js";import{W as o,a0 as n,aU as d,A as c,aV as x,U as m}from"./vendor-icons-BMJDTczB.js";import"./feature-D2pbdWg4.js";const p=()=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z"}),e.jsx("path",{d:"M5 3v4"}),e.jsx("path",{d:"M19 17v4"}),e.jsx("path",{d:"M3 5h4"}),e.jsx("path",{d:"M17 19h4"})]}),h=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M20 6 9 17l-5-5"})}),u=()=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M3 6h18"}),e.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"}),e.jsx("line",{x1:"10",y1:"11",x2:"10",y2:"17"}),e.jsx("line",{x1:"14",y1:"11",x2:"14",y2:"17"})]}),g=()=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),e.jsx("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"})]}),b=()=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.21 1.21 0 0 0 1.72 0L21.64 5.36a1.21 1.21 0 0 0 0-1.72Z"}),e.jsx("path",{d:"m14 7 3 3"}),e.jsx("path",{d:"M5 6v4"}),e.jsx("path",{d:"M19 14v4"}),e.jsx("path",{d:"M10 2v2"}),e.jsx("path",{d:"M7 8H3"}),e.jsx("path",{d:"M21 16h-4"}),e.jsx("path",{d:"M11 3H9"})]}),f=({onClose:t,flowTitle:a})=>{var i;const{t:l,tKey:o}=s(),n=l.home.integrations.processFlowsHome,d=(e,t)=>o(`home.integrations.processFlowsHome.${e}`,t),[c,x]=r.useState(""),[m,p]=r.useState(!1),[b,f]=r.useState(!1),[y,w]=r.useState(null),[v,k]=r.useState([{id:"1",name:d("shareModalOwnerName"),email:"[email protected]",role:"Editor",avatar:"https://i.pravatar.cc/150?u=you",isOwner:!0},{id:"2",name:d("shareModalDemoName1"),email:"[email protected]",role:"Editor",avatar:"https://i.pravatar.cc/150?u=alex"},{id:"3",name:d("shareModalDemoName2"),email:"[email protected]",role:"Viewer",avatar:"https://i.pravatar.cc/150?u=jordan"}]);return e.jsx("div",{className:"fixed inset-0 z-[100] flex items-center justify-center p-4 bg-slate-900/40 dark:bg-black/60 backdrop-blur-sm animate-fade-in",children:e.jsx("div",{className:"bg-white dark:bg-[#111111] rounded-[32px] w-full max-w-lg shadow-3xl overflow-hidden border dark:border-white/10 animate-slide-up",children:e.jsxs("div",{className:"p-8 space-y-8",children:[e.jsxs("div",{className:"flex justify-between items-start",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("h3",{className:"text-3xl font-black text-slate-900 dark:text-white tracking-tight",children:d("shareModalTitle")}),e.jsx("p",{className:"text-slate-500 dark:text-white/40 font-light truncate max-w-[320px]",children:d("shareModalSubtitle",{title:a})})]}),e.jsx("button",{onClick:t,className:"p-2.5 hover:bg-slate-100 dark:hover:bg-white/5 rounded-full transition-all text-slate-400 dark:text-white/20 hover:text-slate-600 dark:hover:text-white",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M18 6 6 18"}),e.jsx("path",{d:"m6 6 12 12"})]})})]}),e.jsxs("form",{onSubmit:e=>{if(e.preventDefault(),!c)return;const t={id:Math.random().toString(36).substr(2,9),name:c.split("@")[0],email:c,role:"Viewer",avatar:`https://i.pravatar.cc/150?u=${c}`};k([...v,t]),f(!0),x(""),setTimeout(()=>f(!1),3e3)},className:"space-y-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("label",{className:"text-sm font-bold text-slate-800 dark:text-white/60 uppercase tracking-widest",children:d("shareModalAddCollaborators")}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx("input",{type:"email",placeholder:n.shareModalEmailPlaceholder,className:"flex-1 px-5 py-3.5 rounded-2xl border-2 border-slate-100 dar

1k:border-white/10 bg-transparent focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-400 focus:ring-8 focus:ring-indigo-500/5 transition-all text-slate-600 dark:text-white",value:c,onChange:e=>x(e.target.value)}),e.jsx("button",{type:"submit",className:"px-6 py-3.5 bg-indigo-600 text-white rounded-2xl font-bold hover:bg-indigo-700 transition-all shadow-xl shadow-indigo-100 dark:shadow-none whitespace-nowrap",children:d("shareModalSendInvite")})]})]}),b&&e.jsxs("div",{className:"bg-green-50 text-green-700 px-5 py-3 rounded-xl text-sm font-bold flex items-center gap-3 animate-fade-in border border-green-100",children:[e.jsx(h,{})," ",d("shareModalInviteSent")]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx("label",{className:"text-sm font-bold text-slate-800 dark:text-white/60 uppercase tracking-widest",children:d("shareModalManageAccess")}),e.jsx("div",{className:"space-y-4 max-h-[240px] overflow-y-auto pr-2 custom-scrollbar",children:v.map(t=>e.jsxs("div",{className:"flex items-center justify-between group p-2 hover:bg-slate-50 dark:hover:bg-white/5 rounded-2xl transition-all",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("img",{src:t.avatar,className:"w-10 h-10 rounded-full border-2 border-white dark:border-white/10 shadow-sm",alt:t.name,loading:"lazy",decoding:"async"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-base font-bold text-slate-800 dark:text-white",children:t.name}),e.jsx("p",{className:"text-sm text-slate-400 dark:text-white/40 font-light",children:t.email})]})]}),e.jsx("div",{className:"flex items-center gap-3",children:t.isOwner?e.jsx("span",{className:"text-xs font-bold text-slate-400 px-3 py-1.5 bg-slate-100 rounded-lg",children:d("shareModalOwnerBadge")}):e.jsx(e.Fragment,{children:y===t.id?e.jsxs("div",{className:"flex items-center gap-2 animate-fade-in",children:[e.jsx("button",{onClick:()=>{return e=t.id,k(v.filter(t=>t.id!==e)),void w(null);var e},className:"text-xs font-bold text-red-600 hover:text-red-700 underline",children:d("shareModalConfirm")}),e.jsx("button",{onClick:()=>w(null),className:"text-xs font-bold text-slate-400 hover:text-slate-600",children:d("shareModalCancel")})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"relative",children:[e.jsxs("select",{value:t.role,onChange:e=>{return a=t.id,r=e.target.value,void k(v.map(e=>e.id===a?{...e,role:r}:e));var a,r},className:"appearance-none text-sm font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-50 dark:bg-indigo-500/10 px-4 py-1.5 rounded-xl focus:outline-none cursor-pointer hover:bg-indigo-100 dark:hover:bg-indigo-500/20 transition-all pr-8",children:[e.jsx("option",{value:"Viewer",children:n.shareModalViewer}),e.jsx("option",{value:"Editor",children:n.shareModalEditor})]}),e.jsx("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none text-indigo-400 dark:text-indigo-500/60",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"m6 9 6 6 6-6"})})})]}),e.jsx("button",{onClick:()=>w(t.id),className:"p-2 text-slate-300 hover:text-red-500 hover:bg-red-50 rounded-lg transition-all opacity-0 group-hover:opacity-100",title:n.shareModalRemoveAccess,children:e.jsx(u,{})})]})})})]},t.id))})]}),e.jsxs("div",{className:"pt-6 border-t border-slate-100 dark:border-white/10 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsx("div",{className:"flex-1 flex items-center gap-3 px-4 py-3 bg-slate-50 dark:bg-white/5 rounded-2xl border-2 border-slate-100 dark:border-white/10 overflow-hidden group/link",children:e.jsx("span",{className:"text-sm text-slate-400 dark:text-white/20 font-medium truncate",children:"slideon.io/share/f7a2d9k3-flow-v1"})}),e.jsx("button",{onClick:()=>{navigator.clipboard.writeText(window.location.href),p(!0),setTimeout(()=>p(!1),2e3)},className:"flex items-center gap-2 px-6 py-3 rounded-2xl font-bold transition-all shadow-lg active:scale-95 "+(m?"bg-green-600 text-white shadow-green-100 dark:shadow-none":"bg-indigo-600 text-white hover:bg-indigo-700 shadow-indigo-100 dark:shadow-none"),children:m?e.jsxs(e.Fragment,{children:[e.jsx(h,{}),e.jsx("span",{children:n.shareModalCopied})]}):e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx("span",{children:n.shareModalCopy})]})})]}),e.jsx("p",{className:"text-[10px] text-center text-slate-400 font-bold uppercase tracking-widest",children:"Editor"===(null==(i=v.find(e=>e.isOwner))?void 0:i.role)?d("shareModalLinkNoteEdit"):d("shareModalLinkNoteView")})]})]})})})},y=[{id:"t-1",title:"Onboarding a new employee",description:"A welcoming, human-first approach to bringing in new talent.",category:"Business",icon:"ð¤",flow:{title:"Hiring Onboarding Flow",overview:"Transforming a new hire into a thriving team member.",steps:[{id:"1",title:"Pre-boarding",description:"Send equipment and access keys before day one.",icon:"ð¦"},{id:"2",title:"Culture Sync",description:"Meet the team and learn company values.",icon:"ð"},{id:"3",title:"Role Deep Dive",description:"Review goals and upcoming projects.",icon:"ð§ "},{id:"4",title:"Buddy Pairing",description:"Assign a mentor for the first 30 days.",icon:"ð«"}]}}

1,{id:"biz-strat",title:"Business Strategy Launch",category:"Business",description:"A roadmap for taking your big company goals from paper to reality.",icon:"ð",flow:{title:"Business Strategy Launch",overview:"Aligning your team and resources for a successful strategic rollout.",steps:[{id:"1",title:"Goal Setting",description:"Define clearly what success looks like for the next quarter.",icon:"ð¯"},{id:"2",title:"Resource Mapping",description:"Audit your current team skills and budget allocations.",icon:"ðºï¸"},{id:"3",title:"Team Alignment",description:"Hold a kick-off meeting to ensure everyone is moving in the same direction.",icon:"ð¤"},{id:"4",title:"Execution Phase",description:"Start the first sprint with high-impact tasks.",icon:"ð"},{id:"5",title:"Review & Pivot",description:"Analyze weekly data and adjust tactics as needed.",icon:"ð"},{id:"6",title:"Market Feedback",description:"Gather direct insights from early customers to refine the strategy.",icon:"ð£ï¸"},{id:"7",title:"Scaling Operations",description:"Standardize successful processes to handle increased volume.",icon:"ð"},{id:"8",title:"Quarterly Audit",description:"Perform a deep dive into ROI and long-term sustainability.",icon:"ð"}]}},{id:"t-2",title:"SOC2 Compliance Prep",description:"Navigating the complex world of security audits.",category:"Business",icon:"ð¡ï¸",flow:{title:"SOC2 Readiness Journey",overview:"Securing your infrastructure and data for enterprise trust.",steps:[{id:"1",title:"Gap Analysis",description:"Audit current controls against SOC2 standards.",icon:"ðµï¸"},{id:"2",title:"Policy Mapping",description:"Document internal security procedures.",icon:"ð"},{id:"3",title:"Control Evidence",description:"Collect screenshots and logs for the auditor.",icon:"ð¸"},{id:"4",title:"Final Review",description:"Review with external auditor.",icon:"â"}]}},{id:"t-3",title:"OKR Quarterly Sync",description:"Aligning team goals with company vision.",category:"Business",icon:"ð¯",flow:{title:"Quarterly OKR Planning",overview:"Ensuring every action contributes to top-level success.",steps:[{id:"1",title:"Mission Review",description:"Confirm the quarter goal.",icon:"ð"},{id:"2",title:"Objective Draft",description:"Define what success looks like.",icon:"ð¡"},{id:"3",title:"Key Result Prep",description:"Set measurable metrics.",icon:"ð"},{id:"4",title:"Global Sync",description:"Communicate OKRs to the wider team.",icon:"ð¢"}]}},{id:"t-4",title:"Getting a US Visa",description:"Step-by-step for a US visitor visa.",category:"National",region:"USA",icon:"ðºð¸",flow:{title:"USA Visitor Visa Path",overview:"Applying for business or tourism entry to the USA.",steps:[{id:"1",title:"Form DS-160",description:"Fill the official online application.",icon:"ð»"},{id:"2",title:"Fee Payment",description:"Pay the visa application fee.",icon:"ð³"},{id:"3",title:"Biometrics",description:"Photo and fingerprints at the center.",icon:"ðï¸"},{id:"4",title:"Consular Interview",description:"The final step at the embassy.",icon:"ðï¸"}]}},{id:"t-5",title:"India GST Registration",description:"Official business registration for Indian taxpayers.",category:"National",region:"India",icon:"ð®ð³",flow:{title:"GST Registration Flow",overview:"Legal compliance for Indian businesses.",steps:[{id:"1",title:"PAN Verification",description:"Validate business PAN number.",icon:"ð"},{id:"2",title:"TRN Generation",description:"Temporary Reference Number.",icon:"ð¢"},{id:"3",title:"Business Details",description:"Fill bank, trade, and constitution info.",icon:"ð¢"},{id:"4",title:"ARN Issuance",description:"Final application reference.",icon:"ð§"}]}},{id:"t-6",title:"UK Startup Visa Path",description:"Path for entrepreneurs to launch in the UK.",category:"National",region:"UK",icon:"ð¬ð§",flow:{title:"UK Innovator Founder Visa",overview:"Securing endorsement for a new business idea.",steps:[{id:"1",title:"Endorsement",description:"Approval from an authorized body.",icon:"ð"},{id:"2",title:"Financial Proof",description:"Demonstrate funds for maintenance.",icon:"ð°"},{id:"3",title:"English Test",description:"Prove proficiency in English.",icon:"ð£ï¸"},{id:"4",title:"Visa Application",description:"Submit to the Home Office.",icon:"ð¨"}]}},{id:"t-7",title:"Canada PR (Express Entry)",description:"Path to permanent residency in Canada.",category:"National",region:"Canada",icon:"ð¨ð¦",flow:{title:"Express Entry Journey",overview:"The skilled worker path to Canadian life.",steps:[{id:"1",title:"ECA Prep",de

1scription:"Evaluate foreign education.",icon:"ð"},{id:"2",title:"IELTS/CELPIP",description:"Pass the language test.",icon:"âï¸"},{id:"3",title:"Profile Creation",description:"Calculate CRS score and submit.",icon:"ð¥ï¸"},{id:"4",title:"ITA Received",description:"Apply for permanent residence.",icon:"âï¸"}]}},{id:"t-8",title:"Daily Safety Audit",description:"A safety-first approach for job sites.",category:"Industry",icon:"ð§",flow:{title:"Construction Safety Check",overview:"Ensuring zero accidents on the site.",steps:[{id:"1",title:"PPE Check",description:"Verify helmets, vests, and boots.",icon:"âï¸"},{id:"2",title:"Equipment Insp.",description:"Test machinery brakes and levers.",icon:"ð"},{id:"3",title:"Hazard Brief",description:"Morning briefing on site risks.",icon:"ð¢"},{id:"4",title:"Site Cleanup",description:"Clear debris from walkways.",icon:"ð§¹"}]}},{id:"t-9",title:"Retail Store Opening",description:"Morning ritual for shop managers.",category:"Industry",icon:"ð¬",flow:{title:"Store Opening Checklist",overview:"Preparing for the first customer.",steps:[{id:"1",title:"POS Setup",description:"Count float and open terminal.",icon:"ðµ"},{id:"2",title:"Storefront Prep",description:"Sweep and clean windows.",icon:"â¨"},{id:"3",title:"Restock Scan",description:"Check inventory for low levels.",icon:"ð¦"},{id:"4",title:"Team Sync",description:"Daily targets and specials.",icon:"ð¥"}]}},{id:"t-10",title:"Weekly Meal Prep",description:"Efficient nutrition for busy lives.",category:"Personal",icon:"ð±",flow:{title:"Master Meal Prep",overview:"Planning and cooking healthy food in bulk.",steps:[{id:"1",title:"Menu Design",description:"Choose recipes with shared base ingredients.",icon:"ð"},{id:"2",title:"Bulk Shopping",description:"Get everything in one trip.",icon:"ð"},{id:"3",title:"Prep & Chop",description:"Wash and cut all veggies at once.",icon:"ðª"},{id:"4",title:"Portion Storage",description:"Cool and pack into containers.",icon:"ð¥¡"}]}},{id:"app-launch",title:"Software Feature Release",category:"Industry",description:"The golden path for shipping bug-free features to your users.",icon:"ð»",flow:{title:"Smooth Feature Release",overview:"From local development to high-five moments in production.",steps:[{id:"1",title:"Testing Suite",description:"Run unit and integration tests to catch the gremlins.",icon:"ð§ª"},{id:"2",title:"Staging Deploy",description:"Push to a sandbox environment for final sanity checks.",icon:"ð¦"},{id:"3",title:"Documentation Update",description:"Ensure the help guides reflect the new changes.",icon:"ð"},{id:"4",title:"Gradual Rollout",description:"Enable for 10% of users first to monitor performance.",icon:"ð"},{id:"5",title:"Public Announcement",description:"Celebrate the release with a blog post and email.",icon:"ð¢"},{id:"6",title:"Bug Monitoring",description:"Watch error logs closely for any unexpected production issues.",icon:"ð"},{id:"7",title:"Feedback Loop",description:"Monitor social media and support tickets for user reactions.",icon:"ð¬"},{id:"8",title:"Post-Mortem",description:"Discuss what went well and what could be improved for next time.",icon:"ð"}]}},{id:"t-11",title:"Morning yoga routine",description:"Start your day with gentle movement.",category:"Wellness",icon:"ð§",flow:{title:"Daily Sun Salutation",overview:"Energize the body and mind.",steps:[{id:"1",title:"Child Pose",description:"Centered breathing for 2 mins.",icon:"ð¬ï¸"},{id:"2",title:"Cat-Cow Flow",description:"Warm up the spine.",icon:"ð"},{id:"3",title:"Sun Salutations",description:"Moving with the breath.",icon:"âï¸"},{id:"4",title:"Savasana",description:"Quiet rest to seal the practice.",icon:"ðï¸"}]}},{id:"t-party",title:"Planning a surprise party",description:"Keep it secret, keep it fun.",category:"Personal",icon:"ð",flow:{title:"Planning a surprise party",overview:"Organizing a memorable event without the guest of honor knowing.",steps:[{id:"p1",title:"The Guest List",description:"Create a secret group chat with friends.",icon:"ð¤«"}

1,{id:"p2",title:"The Venue",description:"Pick a location the guest frequent, but wont suspect.",icon:"ð "},{id:"p3",title:"The Cover Story",description:"Distract them with a normal dinner plan.",icon:"ð"},{id:"p4",title:"The Big Reveal",description:"Everyone hides until the door opens.",icon:"ð"}]}},...Array.from({length:40}).map((e,t)=>({id:`auto-tpl-${t+12}`,title:`${["Business","Personal","Educational","Wellness","Industry","National"][t%6]} Process ${t+1}`,description:`A battle-tested workflow for specialized ${t%3==0?"technical":"creative"} tasks.`,category:["Business","Personal","Educational","Wellness","Industry","National"][t%6],icon:["ð¡","ð ï¸","âï¸","ð","â"][t%5],flow:{title:`Expert Process ${t+1}`,overview:"A logical sequence designed for clarity and efficiency.",steps:[{id:"1",title:"Phase One",description:"Establishing the core requirements.",icon:"1ï¸â£"},{id:"2",title:"Phase Two",description:"Active implementation and drafting.",icon:"2ï¸â£"},{id:"3",title:"Phase Three",description:"Review and quality assurance.",icon:"3ï¸â£"},{id:"4",title:"Phase Four",description:"Final delivery and handover.",icon:"4ï¸â£"}]}}))],w=["Business","Personal","Industry","National","Educational","Wellness","Productivity"],v=({onSelect:t,onClose:a})=>{const{t:i,tKey:l}=s(),o=i.home.integrations.processFlowsHome,n=e=>l(`home.integrations.processFlowsHome.templatesCategories.${e}`),[d,c]=r.useState(""),[x,m]=r.useState("All"),h=r.useMemo(()=>y.filter(e=>{const t=e.title.toLowerCase().includes(d.toLowerCase())||e.description.toLowerCase().includes(d.toLowerCase()),a="All"===x||e.category===x;return t&&a}),[d,x]);return e.jsxs("div",{className:"fixed inset-0 z-[100] bg-white dark:bg-[#030303] overflow-hidden flex flex-col animate-fade-in",children:[e.jsxs("nav",{className:"border-b border-slate-100 dark:border-white/10 px-8 py-6 flex items-center justify-between bg-white/80 dark:bg-black/80 backdrop-blur-md sticky top-0 z-10",children:[e.jsxs("div",{className:"flex items-center gap-6",children:[e.jsx("button",{onClick:a,className:"p-3 hover:bg-slate-100 dark:hover:bg-white/5 rounded-2xl transition-all text-slate-400 dark:text-white/40 hover:text-slate-900 dark:hover:text-white",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"m15 18-6-6 6-6"})})}),e.jsxs("div",{children:[e.jsx("h2",{className:"text-3xl font-black text-slate-900 dark:text-white tracking-tight",children:o.templatesTitle}),e.jsx("p",{className:"text-slate-400 dark:text-white/40 font-medium",children:o.templatesSubtitle})]})]}),e.jsxs("div",{className:"relative w-full max-w-md group",children:[e.jsx("input",{type:"text",placeholder:o.templatesSearchPlaceholder,className:"w-full pl-12 pr-6 py-4 rounded-2xl bg-slate-50 dark:bg-white/5 border-2 border-transparent focus:border-indigo-500 transition-all outline-none text-slate-900 dark:text-white placeholder:text-slate-300 dark:placeholder:text-white/20",value:d,onChange:e=>c(e.target.value)}),e.jsx("div",{className:"absolute left-4 top-1/2 -translate-y-1/2 text-slate-300 dark:text-white/20",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("circle",{cx:"11",cy:"11",r:"8"}),e.jsx("path",{d:"m21 21-4.3-4.3"})]})})]})]}),e.jsx("div",{className:"flex-1 overflow-y-auto custom-scrollbar bg-slate-50/30 dark:bg-black/20",children:e.jsxs("div",{className:"max-w-7xl mx-auto px-8 py-12 space-y-12",children:[e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx("button",{onClick:()=>m("All"),className:"px-6 py-3 rounded-full font-black text-sm transition-all "+("All"===x?"bg-slate-900 dark:bg-white text-white dark:text-slate-900 shadow-xl":"bg-white dark:bg-white/5 text-slate-500 dark:text-white/40 hover:bg-slate-100 dark:hover:bg-white/10 border border-slate-100 dar

1k:border-white/10"),children:o.templatesAllFlows}),w.map(t=>e.jsx("button",{onClick:()=>m(t),className:"px-6 py-3 rounded-full font-black text-sm transition-all "+(x===t?"bg-indigo-600 text-white shadow-xl shadow-indigo-100 dark:shadow-none":"bg-white dark:bg-white/5 text-slate-500 dark:text-white/40 hover:bg-slate-100 dark:hover:bg-white/10 border border-slate-100 dark:border-white/10"),children:n(t)},t))]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8",children:h.length>0?h.map((a,r)=>e.jsxs("div",{onClick:()=>t(a),className:"reveal-card is-visible group bg-white dark:bg-white/5 rounded-[40px] p-10 border border-slate-100 dark:border-white/10 shadow-sm hover:shadow-4xl dark:hover:bg-white/10 transition-all cursor-pointer flex flex-col gap-8 hover:-translate-y-2",style:{animationDelay:50*r+"ms"},children:[e.jsxs("div",{className:"flex justify-between items-start",children:[e.jsx("div",{className:"w-20 h-20 bg-indigo-50 dark:bg-indigo-500/10 rounded-3xl flex items-center justify-center text-5xl group-hover:rotate-12 transition-transform duration-500",children:a.icon}),a.region&&e.jsx("span",{className:"px-3 py-1 bg-slate-900 dark:bg-white text-white dark:text-slate-900 text-[10px] font-black uppercase tracking-widest rounded-lg",children:a.region})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"text-2xl font-black text-slate-900 dark:text-white leading-tight group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors",children:a.title}),e.jsx("p",{className:"text-slate-400 dark:text-white/40 font-light leading-relaxed",children:a.description})]}),e.jsxs("div",{className:"pt-4 border-t border-slate-50 dark:border-white/5 flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-black text-indigo-500 dark:text-indigo-400 uppercase tracking-widest",children:n(a.category)}),e.jsxs("div",{className:"flex items-center gap-2 text-slate-300 dark:text-white/20 font-bold group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors",children:[e.jsx("span",{className:"text-sm",children:o.templatesUseBlueprint}),e.jsx(b,{})]})]})]},a.id)):e.jsxs("div",{className:"col-span-full py-40 text-center space-y-6",children:[e.jsx("div",{className:"w-24 h-24 bg-slate-100 dark:bg-white/5 rounded-full flex items-center justify-center mx-auto text-slate-300 dark:text-white/20",children:e.jsx(p,{})}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("h3",{className:"text-3xl font-black text-slate-900 dark:text-white",children:o.templatesNoResults}),e.jsx("p",{className:"text-slate-400 dark:text-white/40",children:o.templatesNoResultsHint})]})]})})]})})]})},k=[{id:"us",country:"USA",flag:"ðºð¸",track:"Engineering Teams",useCase:"Sprint retrospectives & release planning flows",lat:38,lon:-97,media:{type:"image",src:i("/assets/processflows/flow-USA.png")}},{id:"ca",country:"Canada",flag:"ð¨ð¦",track:"Team Leads",useCase:"Remote team onboarding & handoff workflows",lat:56.1304,lon:-106.3468,media:{type:"image",src:i("/assets/processflows/flow-Canada.png")}},{id:"br",country:"Brazil",flag:"ð§ð·",track:"Marketers",useCase:"Marketing campaign approval pipelines",lat:-14.235,lon:-51.9253,media:{type:"image",src:i("/assets/processflows/flow-Brazil.png")}},{id:"gb",country:"UK",flag:"ð¬ð§",track:"Compliance Officers",useCase:"Compliance & regulatory process mapping",lat:55.3781,lon:-3.436,media:{type:"image",src:i("/assets/processflows/flow-UK.png")}},{id:"de",country:"Germany",flag:"ð©ðª",track:"Operations Teams",useCase:"Manufacturing & quality control workflows",lat:51.1657,lon:10.4515,media:{type:"image",src:i("/assets/processflows/flow-Germany.png")}},{id:"fr",country:"France",flag:"ð«ð·",track:"Creative Directors",useCase:"Creative project review & approval flows",lat:46.2276,lon:2.2137,media:{type:"image",src:i("/assets/processflows/flow-France.png")}},{id:"ng",country:"Nigeria",flag:"ð³ð¬",track:"HR & Founders",useCase:"Startup hiring & recruitment pipelines",lat:9.082,lon:8.6753,media:{type:"image",src:i("/assets/processflows/flow-Nigeria.png")}},{id:"ae",country:"UAE",flag:"ð¦ðª",track:"Sales Teams",useCase:"Real estate deal & CRM workflows",lat:23.4241,lon:53.8478,media:{type:"image",src:i("/assets/processflows/flow-UAE.png")}},{id:"in",country:"India",flag:"ð®ð³",track:"IT Managers",useCase:"IT support & incident response flows",lat:20.5937,lon:78.9629,media:{type:"image",src:i("/assets/processflows/flow-India.png")}},{id:"cn",country:"China",flag:"ð¨ð³",track:"Product Teams",useCase:"Product development & launch workflows",lat:35.8617,lon:104.1954,media:{type:"image",src:i("/assets/processflows/flow-China.png")}},{id:"kr",country:"South Korea",flag:"ð°ð·",track:"Scrum Masters",useCase:"Agile sprint & standup planning flows",lat:35.9078,lon:127.7669,media:{type:"image",src:i("/assets/processflows/flow-South%20Korea.png")}},{id:"jp",country:"Japan",flag:"ð¯ðµ",track:"Process Engineers",useCase:"Kaizen & continuous improvement diagrams",lat:36.2048,lon:138.2529,media:{type:"image",src:i("/assets/processflows/flow-Japan.png")}},{id:"au",country:"Australia",flag:"ð¦ðº",track:"Educators",useCase:"Education course & curriculum workflows",lat:-25.2744,lon:133.7751,media:{type:"image",src:i("/assets/processflows/flow-Australia.png")}}],j=()=>{const{t:t,tRaw:a}=s(),r=t.home.integrations.processFlowsHome,i=a("home.integrations.processFlowsHome.worldMap.pins")??[],o=k.map(e=>{const t=i.find(t=>

1t.id===e.id);return t?{...e,country:t.country,track:t.persona,useCase:t.useCase}:e});return e.jsx(l,{pins:o,headline:r.worldMap.headline,headlineEmphasis:r.worldMap.headlineEmphasis,subhead:r.worldMap.subtitle,footer:r.worldMap.footerText,device:"monitor"})},N=({name:t,country:a,role:r,quote:s,tag:i,color:l,padding:n})=>e.jsx("div",{className:"\n        rounded-[2rem] \n        bg-white \n        dark:bg-white/10\n        shadow-lg\n        shadow-[0_20px_40px_rgba(0,0,0,0.08)]\n        dark:shadow-[0_20px_40px_rgba(255,255,255,0.05)]\n       \n        transition\n      ",children:e.jsxs("div",{className:`p-8 ${n}`,children:[e.jsxs("div",{className:"flex items-center gap-4 mb-6",children:[e.jsx("div",{className:`w-12 h-12 rounded-xl flex items-center justify-center text-white ${l}`,children:e.jsx(o,{size:20})}),e.jsxs("div",{children:[e.jsxs("p",{className:"font-semibold text-slate-900 dark:text-white",children:[t," ",e.jsxs("span",{className:"text-slate-400 text-sm font-medium",children:["(",a,")"]})]}),e.jsx("p",{className:"text-xs uppercase tracking-wider text-slate-400 font-semibold",children:r})]})]}),e.jsxs("p",{className:"text-slate-600 dark:text-white/70 text-sm leading-relaxed mb-8",children:["â",s,"â"]}),e.jsx("span",{className:"inline-block px-4 py-1.5 rounded-full bg-slate-100 dark:bg-white/10 text-xs font-semibold tracking-wide text-slate-700 dark:text-white/80",children:i})]})}),C=()=>{const{t:t}=s(),a=t.home.integrations.processFlowsHome,r=[{name:a.personas.persona1Name,country:a.personas.persona1Country,role:a.personas.persona1Role,quote:a.personas.persona1Quote,tag:a.personas.persona1Tag,color:"bg-indigo-600",padding:"pt-4"},{name:a.personas.persona2Name,country:a.personas.persona2Country,role:a.personas.persona2Role,quote:a.personas.persona2Quote,tag:a.personas.persona2Tag,color:"bg-teal-500",padding:"pt-10"},{name:a.personas.persona3Name,country:a.personas.persona3Country,role:a.personas.persona3Role,quote:a.personas.persona3Quote,tag:a.personas.persona3Tag,color:"bg-blue-600",padding:"pt-6"},{name:a.personas.persona4Name,country:a.personas.persona4Country,role:a.personas.persona4Role,quote:a.personas.persona4Quote,tag:a.personas.persona4Tag,color:"bg-slate-900",padding:"pt-12"}];return e.jsx("section",{className:"px-6 bg-white dark:bg-black/30 pt-20 pb-16",children:e.jsxs("div",{className:"max-w-7xl mx-auto",children:[e.jsxs("div",{className:"text-center md:text-5xl mb-14",children:[e.jsxs("h2",{className:"font-extrabold tracking-tight leading-none text-slate-900 dark:text-white text-[clamp(2rem,5vw,3.75rem)]",children:[a.personas.headline," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:a.personas.headlineEmphasis})]}),e.jsx("p",{className:"mt-2 text-base md:text-lg text-slate-500 dark:text-white/50 max-w-xl mx-auto",children:a.personas.subtitle})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 items-start",children:r.map(t=>e.jsx(N,{...t},t.name))})]})})};function S({text:t,speed:a=60}){const[s,i]=r.useState(""),[l,o]=r.useState(0),[n,d]=r.useState(!1);return r.useEffect(()=>{if(l<t.length){const e=setTimeout(()=>{i(e=>e+t[l]),o(e=>e+1)},a);return()=>clearTimeout(e)}d(!0)},[l,t,a]),r.useEffect(()=>{if(n){const e=setTimeout(()=>{i(""),o(0),d(!1)},2800);return()=>clearTimeout(e)}},[n]),e.jsxs("span",{children:[s,!n&&e.jsx("span",{className:"inline-block w-0.5 h-4 bg-blue-400 ml-0.5 animate-pulse align-middle"})]})}const T={blue:"bg-gradient-to-br from-blue-50 via-indigo-50/60 to-white dark:from-blue-950/50 dark:via-indigo-900/20 dark:to-transparent border-blue-200/60 dark:border-blue-700/30 hover:border-blue-300/80 dark:hover:border-blue-600/50",violet:"bg-gradient-to-br from-violet-50 via-purple-50/60 to-white dark:from-violet-950/50 dark:via-purple-900/20 dark:to-transparent border-violet-200/60 dark:border-violet-700/30 hover:border-violet-300/80 dark:hover:border-violet-600/50",orange:"bg-gradient-to-br from-orange-50 via-amber-50/60 to-white dark:from-orange-950/50 dark:via-amber-900/20 dark:to-transparent border-orange-200/60 dark:border-orange-700/30 hover:border-orange-300/80 dark:hover:border-orange-600/50",teal:"bg-gradient-to-br from-teal-50 via-emerald-50/60 to-white dark:from-teal-950/50 dark:via-emerald-900/20 dark:to-transparent border-teal-200/60 dark:border-teal-700/30 hover:border-teal-300/80 dark:hover:border-teal-600/50",pink:"bg-gradient-to-br from-pink-50 via-rose-50/60 to-white dark:from-pink-950/50 dark:via-rose-900/20 dark:to-transparent border-pink-200/60 dark:border-pink-700/30 hover:border-pink-300/80 dark:hover:border-pink-600/50",indigo:"bg-gradient-to-br from-indigo-50 via-v

1iolet-50/60 to-white dark:from-indigo-950/50 dark:via-violet-900/20 dark:to-transparent border-indigo-200/60 dark:border-indigo-700/30 hover:border-indigo-300/80 dark:hover:border-indigo-600/50",amber:"bg-gradient-to-br from-amber-50 via-orange-50/60 to-white dark:from-amber-950/50 dark:via-orange-900/20 dark:to-transparent border-amber-200/60 dark:border-amber-700/30 hover:border-amber-300/80 dark:hover:border-amber-600/50",slate:"bg-gradient-to-br from-slate-50 via-gray-50/60 to-white dark:from-slate-900/60 dark:via-slate-800/20 dark:to-transparent border-slate-200/60 dark:border-slate-700/30 hover:border-slate-300/80 dark:hover:border-slate-600/50"};function M({children:t,className:a="",style:s={},delay:i=0,color:l="blue"}){const{ref:o,visible:n}=function(e=.12){const t=r.useRef(null),[a,s]=r.useState(!1);return r.useEffect(()=>{const a=t.current;if(!a)return;const r=new IntersectionObserver(([e])=>{e.isIntersecting&&(s(!0),r.disconnect())},{threshold:e});return r.observe(a),()=>r.disconnect()},[e]),{ref:t,visible:a}}();return e.jsx("div",{ref:o,style:{...s,transitionDelay:`${i}ms`},className:`rounded-3xl p-6 md:p-8 relative overflow-hidden border hover:-translate-y-1 transition-all duration-300 ${T[l]??T.blue} ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"} ${a}`,children:t})}function L(){const{t:e}=s();return e.home.integrations.processFlowsHome.features}function F(){const t=L(),a=t.card1Steps;return e.jsxs(M,{className:"lg:col-span-2",delay:0,color:"blue",children:[e.jsx("div",{className:"absolute -top-20 -left-20 w-72 h-72 bg-blue-600/10 dark:bg-blue-600/20 rounded-full blur-3xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full gap-5",children:[e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-4xl mb-3",children:"â¨"}),e.jsx("h3",{className:"text-2xl md:text-3xl font-bold text-gray-900 dark:text-white leading-tight",children:t.card1Title}),e.jsx("p",{className:" text-base md:text-lg text-gray-500 dark:text-gray-400 mt-2 max-w-md leading-relaxed",children:t.card1Desc})]}),e.jsx("div",{className:"hidden md:flex items-center justify-center w-14 h-14 shrink-0 rounded-2xl bg-blue-500/10 border border-blue-500/20",children:e.jsx("svg",{className:"w-7 h-7 text-blue-500 dark:text-blue-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"})})})]}),e.jsxs("div",{className:"bg-gray-900/5 dark:bg-black/40 border border-gray-200 dark:border-white/10 rounded-2xl px-5 py-4 font-mono text-sm",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-red-500/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-yellow-500/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-green-500/70"})]}),e.jsx("div",{className:"text-gray-400 dark:text-gray-500 text-xs mb-1",children:t.card1DescribeLabel}),e.jsx("div",{className:"text-blue-600 dark:text-blue-300 mb-3",children:e.jsx(S,{text:t.card1Prompt,speed:65})}),e.jsx("div",{className:"flex flex-col gap-1.5 mt-2",children:a.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2 text-xs text-gray-600 dark:text-gray-400",children:[e.jsx("span",{className:"w-4 h-4 rounded-full bg-blue-500/20 text-blue-600 dark:text-blue-400 flex items-center justify-center font-bold text-[10px] shrink-0",children:a+1}),t]},a))})]})]})]})}const P=["bg-blue-500/20 text-blue-700 dark:text-blue-300 border-blue-500/30","bg-violet-500/20 text-violet-700 dark:text-violet-300 border-violet-500/30","bg-pink-500/20 text-pink-700 dark:text-pink-300 border-pink-500/30","bg-amber-500/20 text-amber-700 dark:text-amber-300 border-amber-500/30","bg-teal-500/20 text-teal-700 dark:text-teal-300 border-teal-500/30","bg-orange-500/20 text-orange-700 dark:text-orange-300 border-orange-500/30","bg-indigo-500/20 text-indigo-700 dark:text-indigo-300 border-indigo-500/30","bg-cyan-500/20 text-cyan-700 dark:text-cyan-300 border-cyan-500/30","bg-rose-500/20 text-rose-700 dark:text-rose-300 border-rose-500/30"];function E(){const t=L();return e.jsxs(M,{className:"lg:row-span-2",delay:60,color:"violet",children:[e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-violet-600/5 dark:bg-violet-600/10 rounded-full blur-2xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full gap-5",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-3xl mb-3",children:"ðºï¸"}),e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white",children:t.card2Title}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 text-sm leading-relaxed",children:t.card2Desc})]}),e.jsx("div",{className:"grid grid-cols-3 gap-2 flex-1 content-start",children:t.card2Types.map((t,a)=>e.jsx("span",{className:`text-xs font-medium px-2 py-2 rounded-xl border text-center ${P[a%P.length]} transition-all duration-200 hover:scale-105 cursor-default`,children:t},t))}),e.jsx("div",{className:"mt-auto pt-2 border-t border-gray-100 dark:border-white/5 text-xs text-gray-400 dark:text-gray-600",children:t.card2Footer})]})]})}function $(){const t=L();return e.jsxs(M,{delay:120,color:"teal",children:[e.jsx("div",{className:"absolute -bottom-8 -right-8 w-36 h-36 bg-teal-500/10 dark:bg-teal-500/15 rounded-full blur-2xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-3xl mb-3",children:"ð"}),e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white",children:t.card3Title}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 text-sm leading-relaxed",children:t.card3Desc}

1),e.jsxs("div",{className:"mt-4 flex -space-x-2",children:[["A","M","Z","L","S"].map((t,a)=>e.jsx("div",{className:"w-8 h-8 rounded-full border-2 border-white dark:border-[#020617] flex items-center justify-center text-xs font-bold",style:{background:`hsl(${55*a+200}, 70%, 45%)`,color:"#fff"},children:t},t)),e.jsx("div",{className:"w-8 h-8 rounded-full border-2 border-white dark:border-[#020617] bg-gray-100 dark:bg-white/10 flex items-center justify-center text-xs text-gray-500 dark:text-gray-400 font-medium",children:"+12"})]})]})]})}function D(){const t=L();return e.jsxs(M,{delay:180,color:"orange",children:[e.jsx("div",{className:"absolute -top-8 -left-8 w-36 h-36 bg-orange-600/10 dark:bg-orange-600/15 rounded-full blur-2xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-3xl mb-3",children:"ð"}),e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white",children:t.card4Title}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 text-sm leading-relaxed",children:t.card4Desc}),e.jsx("div",{className:"mt-4 flex flex-col gap-1.5",children:t.card4Steps.map((a,r)=>{const s=1===r;return e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-xl border text-xs font-medium transition-all "+(s?"bg-orange-500/15 border-orange-400/50 text-orange-700 dark:text-orange-300 shadow-md scale-105":"bg-white dark:bg-white/5 border-gray-100 dark:border-white/10 text-gray-600 dark:text-gray-400"),children:[e.jsx("span",{className:"w-4 h-4 rounded-full bg-orange-500/20 text-orange-600 dark:text-orange-400 flex items-center justify-center font-bold text-[10px] shrink-0",children:r+1}),a,s&&e.jsx("span",{className:"ml-auto text-orange-400 text-[10px]",children:t.card4DragLabel})]},a)})})]})]})}const A=[{icon:"ð",color:"text-red-700 dark:text-red-300 bg-red-500/10 border-red-500/20"},{icon:"ð¼ï¸",color:"text-blue-700 dark:text-blue-300 bg-blue-500/10 border-blue-500/20"},{icon:"ð",color:"text-violet-700 dark:text-violet-300 bg-violet-500/10 border-violet-500/20"},{icon:"âï¸",color:"text-teal-700 dark:text-teal-300 bg-teal-500/10 border-teal-500/20"}];function I(){const t=L();return e.jsxs(M,{className:"lg:col-span-2",delay:240,color:"indigo",children:[e.jsx("div",{className:"absolute top-0 right-0 w-64 h-64 bg-indigo-600/5 dark:bg-indigo-600/10 rounded-full blur-3xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-3xl mb-3",children:"ð"}),e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:t.card5Title}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 mb-6 max-w-lg leading-relaxed",children:t.card5Desc}),e.jsx("div",{className:"flex items-center gap-3 flex-wrap",children:t.card5Formats.map((t,a)=>{const r=A[a%A.length];return e.jsxs("div",{className:`flex items-center gap-2 px-4 py-2.5 rounded-xl border text-sm font-medium cursor-default transition-all hover:scale-[1.03] ${r.color}`,children:[e.jsx("span",{children:r.icon}),e.jsx("span",{children:t})]},t)})})]})]})}function R(){const t=L();return e.jsxs(M,{delay:300,color:"pink",children:[e.jsx("div",{className:"absolute -bottom-8 -left-8 w-32 h-32 bg-pink-600/10 dark:bg-pink-600/15 rounded-full blur-2xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-3xl mb-3",children:"ð¨"}),e.jsx("h3",{className:"text-xl font-bold text-gray-900 dark:text-white",children:t.card6Title}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 mt-2 text-sm leading-relaxed",children:t.card6Desc}),e.jsx("div",{className:"mt-4 grid grid-cols-2 gap-2",children:[["bg-blue-500/30","bg-blue-500/10"],["bg-violet-500/30","bg-violet-500/10"],["bg-teal-500/30","bg-teal-500/10"],["bg-orange-500/30","bg-orange-500/10"]].map(([t,a],r)=>e.jsxs("div",{className:"rounded-xl border border-gray-100 dark:border-white/10 overflow-hidden",children:[e.jsx("div",{className:`h-3 ${t}`}),e.jsxs("div",{className:`h-8 ${a} p-1.5 flex gap-1`,children:[e.jsx("div",{className:"w-1/3 h-full bg-black/10 dark:bg-white/10 rounded"}),e.jsx("div",{className:"flex-1 h-full bg-black/5 dark:bg-white/5 rounded"})]})]},r))})]})]})}function z(){const t=L();return e.jsxs(M,{delay:360,color:"amber",className:"h-full w-full",children:[e.jsx("div",{className:"absolute -top-10 -right-10 w-44 h-44 bg-slate-400/5 dark:bg-slate-500/10 rounded-full blur-2xl pointer-events-none"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-4xl mb-4",children:"â¡"}),e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:t.card7Title}),e.jsx("p",{className:"text-base text-gray-500 dark:text-gray-400 mt-3 leading-relaxed",children:t.card7Desc}),e.jsxs("div",{className:"mt-5 flex flex-col gap-3",children:[e.jsx("div",{className:"px-4 py-3 rounded-xl bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 text-sm text-gray-600 dark:text-gray-400",children:t.card7Before}),e.jsxs("div",{className:"flex items-center gap-2 text-sm text-amber-500 dark:text-amber-400 font-medium",children:[e.jsx("span",{className:"animate-pulse",children:"â¨"}),t.card7Progress]}),e.jsx("div",{className:"px-4 py-3 rounded-xl bg-amber-50 dark:bg-amber-500/10 border border-amber-300/50 dark:border-amber-500/30 text-sm text-amber-800 dark:text-amber-300 font-medium",children:t.card7After})]})]})]})}function B(){const t=L();return e.jsxs(M,{delay:420,color:"slate",className:"h-full w-full",children:[e.jsx("div",{className:"absolute inset-0 bg-gradient-to-br from-gray-100/40 dark:from-slate-800/40 to-transparent pointer-events-none rounded-3xl"}),e.jsx("div",{className:"absolute top-0 right-0 w-40 h-40 bg-amber-600/5 dark:bg-amber-600/10 rounded-full blur-2xl pointer-events-none opacity-30 dark:opacity-60"}),e.jsxs("div",{className:"relative z-10",children:[e.jsx("div",{className:"text-4xl mb-4",children:"ð"}),e.jsx("h3",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:t.card8Title}),e.jsx("p",{className:"text-base text-gray-500 dark:text-gray-400 mt-3 leading-relaxed",children:t.card8Desc}),e.jsx("div",{className:"mt-5 flex flex-col gap-2",children:t.card8Versions.map((t,a)=>e.jsxs("div",{className:"flex items-center gap-3 text-sm text-gray-500 dark:text-gray-400",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full shrink-0 "+(0===a?"bg-blue-500":"bg-gray-300 dark:bg-gray-600")}),t]},a))})]})]})}const W=()=>{const{t:t}=s(),a=t.home.integrations.processFlowsHome;return e.jsx("section",{className:"-mt-10 sm:mt-0 py-20 lg:pt-0 relative overflow-hidden",children:e.jsxs("div",{className:"relative z-10 w-full max-w-7xl mx-auto px-6 lg:px-12",children:[e.jsxs("div",{className:"text-center mb-16",children:[e.jsxs("h2",{className:"text-4xl md:text-5xl lg:text-[3.5rem] font-black text-gray-900 dark:text-white leading-tight tracking-tight",children:[a.features.headline," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:a.features.headlineEmphasis})]}),e.jsx("p",{className:"mt-2 text-base md:text-lg text-gray-500 dark:text-gray-400 max-w-2xl mx-auto leading-relaxed",children:a.features.subhead})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 auto-rows-auto",children:[e.jsx(F,{}),e.jsx(E,{}),e.jsx($,{}),e.jsx(D,{}),e.jsx(I,{}),e.jsx(R,{}),e.jsxs("div",{className:"lg:col-span-3 grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(z,{}),e.jsx(B,{})]})]})]})})};function H(e=.15){const t=r.useRef(null),[a,s]=r.useState(!1);return r.useEffect(()=>{const a=t.current;if(!a)return;const r=new IntersectionObserver(([e])=>{e.isIntersecting&&(s(!0),r.disconnect())},{threshold:e});return r.observe(a),()=>r.disconnect()},[e]),{ref:t,visible:a}}function O(){const{tKey:t,tRaw:a}=s(),i=a("home.integrations.processFlowsHome.howItWorks.promptExamples")??[],l=a("home.integrations.processFlowsHome.howItWorks.inputMethods")??[],[o,n]=r.useState(0),[d,c]=r.useState(""),[x,m]=r.useState(!0);return r.useEffect(()=>{const e=i[o];if(x){if(d.length<e.length){const t=setTimeout(()=>c(e.slice(0,d.length+1)),48);return()=>clearTimeout(t)}{const e=setTimeout(()=>m(!1),1800);return()=>clearTimeout(e)}}{const e=setTimeout(()=>{c(""),n(e=>(e+1)%i.length),m(!0)},400);return()=>clearTimeout(e)}},[d,x,o]),e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"bg-white dark:bg-white/5 border border-gray-200 dark:border-white/10 rounded-2xl px-5 py-4 font-mono text-sm shadow-sm",children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-red-400/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-yellow-400/70"}),e.jsx("span",{className:"w-2.5 h-2.5 rounded-full bg-green-400/70"})]}),e.jsx("p",{className:"text-xs text-gray-400 dark:text-gray-500 mb-1.5",children:(p="describeLabel",t(`home.integrations.processFlowsHome.howItWorks.${p}`))}

1),e.jsxs("p",{className:"text-blue-600 dark:text-blue-400 font-medium min-h-[1.5rem]",children:[d,e.jsx("span",{className:"inline-block w-0.5 h-4 bg-blue-500 ml-0.5 animate-pulse align-middle"})]})]}),e.jsx("div",{className:"flex flex-wrap gap-2",children:l.map(t=>e.jsx("span",{className:"px-3 py-1 bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 text-xs font-medium rounded-full border border-blue-200/60 dark:border-blue-700/30",children:t},t))})]});var p}function q({active:t}){const{tKey:a,tRaw:r}=s(),i=r("home.integrations.processFlowsHome.howItWorks.aiStages")??[],l=["from-blue-500 to-blue-400","from-violet-500 to-violet-400","from-indigo-500 to-indigo-400","from-purple-500 to-purple-400"],o=[100,88,72,48].map((e,t)=>({label:i[t],pct:e,color:l[t]}));return e.jsxs("div",{className:"flex flex-col gap-4 p-1",children:[o.map((a,r)=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between text-xs mb-1.5",children:[e.jsx("span",{className:"text-gray-500 dark:text-gray-400 font-medium",children:a.label}),e.jsxs("span",{className:"text-gray-400 dark:text-gray-500",children:[a.pct,"%"]})]}),e.jsx("div",{className:"h-2 bg-blue-100 dark:bg-blue-900/20 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full bg-gradient-to-r ${a.color} rounded-full transition-all duration-1000`,style:{width:t?`${a.pct}%`:"0%",transitionDelay:t?200*r+"ms":"0ms"}})})]},a.label)),e.jsxs("div",{className:"flex items-center gap-2 text-xs text-emerald-500 dark:text-emerald-400 transition-opacity duration-700 "+(t?"opacity-100":"opacity-0"),children:[e.jsx("span",{className:"inline-block w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"}),a("home.integrations.processFlowsHome.howItWorks.aiBuildingLabel")]})]})}function _(){const{tKey:t,tRaw:a}=s(),r=e=>t(`home.integrations.processFlowsHome.howItWorks.${e}`),i=a("home.integrations.processFlowsHome.howItWorks.editorSteps")??[];return e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxs("div",{className:"flex items-center gap-1.5 bg-gray-100 dark:bg-white/5 rounded-lg px-3 py-1.5 border border-gray-200 dark:border-white/10",children:[["âï¸","ð","â","â"].map((t,a)=>e.jsx("span",{className:"text-sm px-1 opacity-60 hover:opacity-100 cursor-pointer transition-opacity",children:t},a)),e.jsx("div",{className:"ml-auto text-xs text-blue-600 dark:text-blue-400 font-medium",children:r("aiSuggestLabel")})]}),e.jsx("div",{className:"flex flex-col gap-1.5",children:i.map((e,t)=>({label:e,done:t<2,dragging:1===t})).map((t,a)=>e.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-xl border text-xs font-medium transition-all duration-200 "+(t.dragging?"bg-blue-50 dark:bg-blue-900/20 border-blue-300 dark:border-blue-600 shadow-md scale-[1.02]":"bg-white dark:bg-white/5 border-gray-100 dark:border-white/10 text-gray-600 dark:text-gray-400"),children:[e.jsx("span",{className:"w-4 h-4 rounded-full border flex items-center justify-center shrink-0 "+(t.done?"bg-blue-500 border-blue-500 text-white":"border-gray-300 dark:border-gray-600"),style:{fontSize:9},children:t.done?"â":""}),t.label,t.dragging&&e.jsx("span",{className:"ml-auto text-blue-400 text-[10px]",children:r("dragLabel")})]},a))})]})}function U(){const{tRaw:t}=s(),a=t("home.integrations.processFlowsHome.howItWorks.shareOptions")??[],r=["ð","ð","ð¼ï¸","âï¸"],i=["text-violet-700 dark:text-violet-300 bg-violet-500/10 border-violet-500/20","text-red-700 dark:text-red-300 bg-red-500/10 border-red-500/20","text-blue-700 dark:text-blue-300 bg-blue-500/10 border-blue-500/20","text-teal-700 dark:text-teal-300 bg-teal-500/10 border-teal-500/20"],l=a.map((e,t)=>({icon:r[t],label:e,color:i[t]}));return e.jsx("div",{className:"flex flex-col gap-2",children:l.map(t=>e.jsxs("div",{className:`flex items-center gap-3 px-4 py-2.5 rounded-xl border text-sm font-medium cursor-default transition-all hover:scale-[1.02] ${t.color}`,children:[e.jsx("span",{children:t.icon}),e.jsx("span",{children:t.label}),e.jsx("svg",{className:"w-4 h-4 ml-auto opacity-50",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]},t.label))})}function V({children:t}){return e.jsxs("div",{className:"relative p-px rounded-2xl overflow-hidden group",children:[e.jsx("div",{className:"absolute inset-0 rounded-2xl opacity-50 group-hover:opacity-80 transition-opacity duration-500",style:{background:"conic-gradient(from var(--hiw-angle, 0deg), rgba(59,130,246,0.5), rgba(139,92,246,0.5), rgba(99,102,241,0.5), rgba(59,130,246,0.5))",animation:"hiw-spin 4s linear infinite"}}),e.jsx("div",{className:"relative bg-white dark:bg-[#0a0a14] rounded-2xl p-5 md:p-6 border border-gray-200/60 dark:border-transparent shadow-xl dark:shadow-none",children:t}),e.jsx("style",{children:"\n        @property --hiw-angle {\n          syntax: '<angle>';\n          initial-value: 0deg;\n          inherits: false;\n        }\n        @keyframes hiw-spin {\n          to { --hiw-angle: 360deg; }\n        }\n      "})]})}

1function K({number:t,icon:a,title:r,description:s,visual:i,flip:l=!1}){const{ref:o,visible:n}=H(.1);return e.jsxs("div",{ref:o,className:`flex flex-col lg:flex-row ${l?"lg:flex-row-reverse":""} gap-10 lg:gap-16 items-center transition-all duration-700 ${n?"opacity-100 translate-y-0":"opacity-0 translate-y-10"}`,children:[e.jsxs("div",{className:"flex-1 flex flex-col gap-4 lg:max-w-[420px]",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"w-11 h-11 rounded-2xl bg-gradient-to-br from-blue-500 to-violet-600 text-white font-black text-sm flex items-center justify-center shadow-lg shadow-blue-500/25 shrink-0",children:t}),e.jsx("span",{className:"text-3xl",children:a})]}),e.jsx("h3",{className:"text-2xl md:text-3xl font-bold text-gray-900 dark:text-white",children:r}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 leading-relaxed text-base md:text-lg",children:s})]}),e.jsx("div",{className:"flex-1 w-full max-w-md",children:e.jsx(V,{children:i})})]})}const G=()=>{const{tKey:t}=s(),a=e=>t(`home.integrations.processFlowsHome.howItWorks.${e}`),i=r.useRef(null),[l,o]=r.useState(!1);r.useEffect(()=>{const e=i.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&o(!0)},{threshold:.3});return t.observe(e),()=>t.disconnect()},[]);const{ref:n,visible:d}=H(.1);return e.jsx("section",{className:"relative overflow-hidden bg-white dark:bg-slate-950 -mt-10 sm:mt-0 lg:mt-8 py-12 sm:py-24 lg:pt-0 transition-colors duration-300",children:e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-12",children:[e.jsxs("div",{ref:n,className:"text-center mb-20 transition-all duration-700 "+(d?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[e.jsxs("h2",{className:"text-4xl md:text-5xl font-black text-gray-900 dark:text-white leading-tight mb-2",children:[a("headline")," "," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:a("headlineEmphasis")})]}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 text-base md:text-lg max-w-xl mx-auto leading-relaxed",children:a("subhead")})]}),e.jsxs("div",{className:"flex flex-col gap-20 lg:gap-28 relative",children:[e.jsx("div",{className:"absolute left-1/2 top-8 bottom-8 w-px bg-gradient-to-b from-blue-300 via-violet-300 to-transparent dark:from-blue-700 dark:via-violet-700 opacity-40 hidden lg:block pointer-events-none"}),e.jsx(K,{number:"01",icon:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M0 0h24v24H0z",fill:"none"}),e.jsx("path",{fill:"currentColor",d:"M11.5 10.921v9.156q0 .213.144.356t.357.144t.356-.144t.143-.356v-9.156l2.766 2.721q.14.14.34.134t.351-.153q.137-.134.137-.341t-.14-.348l-3.389-3.368q-.242-.243-.565-.243t-.565.243l-3.389 3.388q-.14.14-.133.341t.156.35q.137.138.331.138t.335-.14zM6.325 6.325Q4 8.65 4 12q0 .844.172 1.657t.517 1.576q.097.213.065.428q-.032.214-.198.378q-.154.152-.37.085q-.217-.066-.307-.272q-.437-.91-.658-1.871Q3 13.019 3 12q0-1.868.709-3.51T5.63 5.633t2.857-1.924T11.997 3t3.51.709q1.643.708 2.859 1.923t1.925 2.857t.709 3.508q0 1.013-.228 2.004t-.67 1.901q-.09.2-.288.244q-.197.045-.343-.102q-.165-.165-.195-.369t.049-.411q.35-.785.512-1.607T20 12q0-3.35-2.325-5.675T12 4T6.325 6.325"})]}),title:a("step1Title"),description:a("step1Desc"),visual:e.jsx(O,{})}),e.jsx("div",{ref:i,children:e.jsx(K,{number:"02",icon:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M0 0h24v24H0z",fill:"none"}),e.jsx("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M13 7h-2c-2.809 0-4.213 0-5.222.674a4 4 0 0 0-1.104 1.104C4 9.787 4 11.19 4 14s0 4.213.674 5.222a4 4 0 0 0 1.104 1.104C6.787 21 8.19 21 11 21h2c2.809 0 4.213 0 5.222-.674a4 4 0 0 0 1.104-1.104C20 18.213 20 16.81 20 14s0-4.213-.674-5.222a4 4 0 0 0-1.104-1.104C17.213 7 15.81 7 13 7m-9 7H2m8 3h4m8-3h-2m-5-3v2m-6-2v2m3-6c0-1.886 0-2.828-.586-3.414S9.886 3 8 3"})]}),title:a("step2Title"),description:a("step2Desc"),visual:e.jsx(q,{active:l}),flip:!0})}),e.jsx(K,{number:"03",icon:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M0 0h24v24H0z",fill:"none"}),e.jsx("path",{fill:"currentColor",d:"M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z"})]}),title:a("step3Title"),description:a("step3Desc"),visual:e.jsx(_,{})}),e.jsx(K,{number:"04",icon:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24",children:[e.jsx("path",{d:"M0 0h24v24H0z",fill:"none"}),e.jsxs("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-width":"1.5",children:[e.jsx("path",{d:"M4 12a8 8 0 1 0 16 0",opacity:".5"}),e.jsx("path",{"stroke-linejoin":"round",d:"M12 14V4m0 0l3 3m-3-3L9 7"})]})]}),title:a("step4Title"),description:a("step4Desc"),visual:e.jsx(U,{}),flip:!0})]})]})})},Y=[{initials:"SC",avatarColor:"#7c3aed"},{initials:"MO",avatarColor:"#0ea5e9"},{initials:"PN",avatarColor:"#059669"},{initials:"JW",avatarColor:"#d97706"},{initials:"AT",avatarColor:"#db2777"},{initials:"EO",avatarColor:"#dc2626"}],Q={Startup:"bg-violet-100 text-violet-700 border border-violet-200 dark:bg-violet-500/20 dark:text-violet-300 dark:border-violet-500/30",Agency:"bg-sky-100 text-sky-700 border border-sky-200 dark:bg-sky-500/20 dark:text-sky-300 dark:border-sky-500/30",Healthcare:"bg-emerald-100 text-emerald-700 border border-emerald-200 dark:bg-emerald-500/20 dark:text-emerald-300 dark:border-emerald-500/30",

1Enterprise:"bg-amber-100 text-amber-700 border border-amber-200 dark:bg-amber-500/20 dark:text-amber-300 dark:border-amber-500/30",Design:"bg-pink-100 text-pink-700 border border-pink-200 dark:bg-pink-500/20 dark:text-pink-300 dark:border-pink-500/30"};function X({count:t}){return e.jsx("div",{className:"flex gap-0.5",children:Array.from({length:t}).map((t,a)=>e.jsx("svg",{className:"w-3.5 h-3.5 text-amber-400",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{d:"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"})},a))})}function J({t:t,delay:a}){const{tRaw:i}=s(),l=i("home.integrations.processFlowsHome.testimonials.tags")??{},o=r.useRef(null),[n,d]=r.useState(!1);return r.useEffect(()=>{const e=o.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&(d(!0),t.disconnect())},{threshold:.1});return t.observe(e),()=>t.disconnect()},[]),e.jsxs("div",{ref:o,style:{transitionDelay:`${a}ms`}

1,className:"flex flex-col gap-4 rounded-3xl p-6 md:p-7 bg-white dark:bg-white/[0.03] border border-gray-100 dark:border-white/10 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all duration-300 "+(n?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(X,{count:t.stars}),e.jsx("span",{className:`text-[11px] font-semibold px-2.5 py-1 rounded-full ${Q[t.tag]??Q.Startup}`,children:l[t.tag]??t.tag})]}),e.jsxs("p",{className:"text-gray-600 dark:text-white/70 text-sm leading-relaxed flex-1",children:['"',t.quote,'"']}),e.jsxs("div",{className:"flex items-center gap-3 pt-2 border-t border-gray-100 dark:border-white/10",children:[e.jsx("div",{className:"w-9 h-9 rounded-full flex items-center justify-center text-white text-xs font-bold shrink-0 shadow-sm",style:{backgroundColor:t.avatarColor},children:t.initials}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-semibold text-gray-900 dark:text-white leading-tight",children:t.name}),e.jsxs("p",{className:"text-xs text-gray-400 dark:text-gray-500",children:[t.role," Â· ",t.company]})]})]})]})}function Z({value:t,label:a}){return e.jsxs("div",{className:"flex items-center gap-3 px-5 py-2.5 rounded-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 shadow-sm whitespace-nowrap",children:[e.jsx("span",{className:"text-lg font-black text-gray-900 dark:text-white",children:t}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:a})]})}const ee=()=>{const{tKey:t,tRaw:a}=s(),i=e=>t(`home.integrations.processFlowsHome.testimonials.${e}`),l=a("home.integrations.processFlowsHome.testimonials.stats")??[],o=(a("home.integrations.processFlowsHome.testimonials.list")??[]).map((e,t)=>({...e,...Y[t]??Y[0],stars:5})),n=r.useRef(null),[d,c]=r.useState(!1);r.useEffect(()=>{const e=n.current;if(!e)return;const t=new IntersectionObserver(([e])=>{e.isIntersecting&&(c(!0),t.disconnect())},{threshold:.1});return t.observe(e),()=>t.disconnect()},[]);const x=o.slice(0,2),m=o.slice(2,4),p=o.slice(4,6);return e.jsxs("section",{className:"-mt-16 sm:mt-0 lg:mt-16 py-24 lg:pt-0 relative overflow-hidden bg-white dark:bg-slate-950 transition-colors duration-300",children:[e.jsxs("div",{className:"absolute inset-0 pointer-events-none overflow-hidden",children:[e.jsx("div",{className:"absolute top-0 right-0 w-[500px] h-[500px] bg-blue-500/4 dark:bg-blue-500/6 blur-3xl rounded-full translate-x-1/2"}),e.jsx("div",{className:"absolute bottom-0 left-0 w-[500px] h-[400px] bg-violet-500/4 dark:bg-violet-500/6 blur-3xl rounded-full -translate-x-1/2"})]}),e.jsxs("div",{className:"relative z-10 max-w-7xl mx-auto px-6 lg:px-12",children:[e.jsxs("div",{ref:n,className:"text-center mb-6 transition-all duration-700 "+(d?"opacity-100 translate-y-0":"opacity-0 translate-y-8"),children:[e.jsxs("h2",{className:"text-4xl md:text-5xl font-black text-gray-900 dark:text-white leading-tight mb-4",children:[i("headline")," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:i("headlineEmphasis")})]}),e.jsx("p",{className:"-mt-2 text-gray-500 dark:text-gray-400 text-lg max-w-xl mx-auto leading-relaxed",children:i("subhead")})]}),e.jsx("div",{className:"flex items-center justify-center flex-wrap gap-3 mb-16 transition-all duration-700 delay-200 "+(d?"opacity-100 translate-y-0":"opacity-0 translate-y-6"),children:l.map(t=>e.jsx(Z,{value:t.value,label:t.label},t.label))}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsx("div",{className:"flex flex-col gap-4",children:x.map((t,a)=>e.jsx(J,{t:t,delay:80*a},t.name))}),e.jsx("div",{className:"flex flex-col gap-4",children:m.map((t,a)=>e.jsx(J,{t:t,delay:100+80*a},t.name))}),e.jsx("div",{className:"flex flex-col gap-4",children:p.map((t,a)=>e.jsx(J,{t:t,delay:200+80*a},t.name))})]})]})]})},te=({icon:t,label:a})=>e.jsxs("div",{className:"flex items-center justify-center gap-2 w-fit px-5 py-2.5 rounded-full border border-white/10 bg-white/[0.06] backdrop-blur-xl text-white/80 text-sm shadow-[0_8px_25px_rgba(0,0,0,0.15)] transition-all duration-300 hover:border-violet-300/20 hover:bg-white/[0.09]",children:[e.jsx("span",{className:"text-violet-200/80",children:t}),e.jsx("span",{className:"whitespace-nowrap",children:a})]}),ae=({onStart:t})=>{const{t:a}=s(),r=a.home.integrations.processFlowsHome;return e.jsx("section",{className:"px-4 sm:px-6 py-12 sm:py-16 md:py-20 bg-white dark:bg-slate-950 transition-colors duration-300",children:e.jsxs("div",{className:"relative min-h-[620px] sm:min-h-[680px] md:min-

1h-screen max-w-7xl mx-auto flex flex-col items-center justify-center gap-6 overflow-hidden rounded-[24px] sm:rounded-[40px] border border-white/10 bg-[#0a041a] shadow-[0_40px_120px_rgba(0,0,0,0.35)] px-4 py-10 sm:py-12 md:py-0",children:[e.jsx("div",{className:"absolute inset-0 flex items-center justify-center pointer-events-none",children:e.jsx("div",{className:"h-[280px] w-[280px] sm:h-[450px] sm:w-[450px] rounded-full bg-violet-600/20 blur-[140px]"})}),e.jsxs("div",{className:"relative z-20 flex flex-col items-center gap-3 order-1 md:absolute md:top-[14%] md:order-none",children:[e.jsx(te,{icon:e.jsx(n,{size:15}),label:r.finalCTA.pill1}),e.jsx(te,{icon:e.jsx(d,{size:15}),label:r.finalCTA.pill2})]}),e.jsxs("div",{className:"relative z-30 text-center w-full max-w-[430px] mx-auto px-5 sm:px-8 md:px-10 py-7 sm:py-9 md:py-10 rounded-[24px] sm:rounded-[28px] border border-white/15 bg-white/[0.08] backdrop-blur-3xl shadow-[0_25px_80px_rgba(109,76,255,0.25)] overflow-hidden order-2 md:order-none",children:[e.jsx("div",{className:"absolute -top-20 left-1/2 -translate-x-1/2 w-64 h-40 rounded-full bg-violet-500/20 blur-3xl pointer-events-none"}),e.jsx("div",{className:"absolute inset-0 rounded-[24px] sm:rounded-[28px] bg-gradient-to-b from-white/10 via-trans

1parent to-violet-500/[0.04] pointer-events-none"}),e.jsx("div",{className:"absolute inset-0 rounded-[24px] sm:rounded-[28px] ring-1 ring-inset ring-violet-300/10 pointer-events-none"}),e.jsxs("div",{className:"relative z-10",children:[e.jsxs("h1",{className:"text-3xl md:text-4xl font-extrabold text-white leading-tight tracking-tight",children:[r.finalCTA.headline,e.jsx("br",{}),e.jsx("span",{className:"bg-gradient-to-r from-violet-300 via-fuchsia-300 to-pink-300 bg-clip-text text-transparent",children:r.finalCTA.headlineEmphasis})]}),e.jsxs("button",{onClick:t,className:"mt-6 sm:mt-7 inline-flex items-center justify-center gap-2 px-6 sm:px-8 py-3 sm:py-3.5 rounded-xl bg-gradient-to-r from-violet-500 via-fuchsia-500 to-pink-500 text-white text-sm sm:text-base font-bold whitespace-nowrap shadow-[0_10px_30px_rgba(168,85,247,0.35)] transition-all duration-300 hover:scale-[1.04] hover:shadow-[0_14px_40px_rgba(168,85,247,0.45)] active:scale-[0.98]",children:[r.finalCTA.ctaPrimary,e.jsx(c,{size:18})]})]})]}),e.jsxs("div",{className:"relative z-20 flex flex-col items-center gap-3 order-3 md:absolute md:bottom-[14%] md:order-none",children:[e.jsx(te,{icon:e.jsx(x,{size:15}),label:r.finalCTA.pill3}),e.jsx(te,{icon:e.jsx(m,{size:15}),label:r.finalCTA.pill4})]})]})})};var re=(e=>(e.IDLE="IDLE",e.LOADING="LOADING",e.RESULT="RESULT",e.ERROR="ERROR",e.TEMPLATES_GALLERY="TEMPLATES_GALLERY",e))(re||{});const se=()=>{const{t:t}=s(),a=t.home.integrations.processFlowsHome,i=a.designThinking,l=[{variant:"general",title:i.cat1Title,desc:i.cat1Desc,items:i.cat1Items,color:"bg-blue-600",Textcolor:"text-blue-600",lightBg:"bg-blue-50 dark:bg-blue-900/30"},{variant:"business",title:i.cat2Title,desc:i.cat2Desc,items:i.cat2Items,color:"bg-orange-600",Textcolor:"text-orange-600",lightBg:"bg-orange-50 dark:bg-orange-900/30"},{variant:"software",title:i.cat3Title,desc:i.cat3Desc,items:i.cat3Items,color:"bg-purple-600",Textcolor:"text-purple-600",lightBg:"bg-purple-50 dark:bg-purple-900/30"},{variant:"project",title:i.cat4Title,desc:i.cat4Desc,items:i.cat4Items,color:"bg-yellow-500",Textcolor:"text-yellow-500",lightBg:"bg-yellow-50 dark:bg-yellow-900/30",darkText:!0},{variant:"product",title:i.cat5Title,desc:i.cat5Desc,items:i.cat5Items,color:"bg-green-600",Textcolor:"text-green-600",lightBg:"bg-green-50 dark:bg-green-900/30"},{variant:"sixSigma",title:i.cat6Title,desc:i.cat6Desc,items:i.cat6Items,color:"bg-red-600",Textcolor:"text-red-600",lightBg:"bg-red-50 dark:bg-red-900/30"},{variant:"it",title:i.cat7Title,desc:i.cat7Desc,items:i.cat7Items,color:"bg-amber-700",Textcolor:"text-amber-700",lightBg:"bg-amber-50 dark:bg-amber-900/30"},{variant:"engineering",title:i.cat8Title,desc:i.cat8Desc,items:i.cat8Items,color:"bg-slate-700",Textcolor:"text-slate-700",lightBg:"bg-slate-100 dark:bg-slate-800"}],o=[...l,...l,...l],n=l.length,d=r.useRef(null),c=r.useRef([]),[x,m]=r.useState(n),[p,h]=r.useState(!1),[u,g]=r.useState(null),b=(e,t=!0)=>{const a=d.current,r=c.current[e];if(!a||!r)return;const s=r.offsetLeft-a.offsetWidth/2+r.offsetWidth/2;a.scrollTo({left:s,behavior:t?"smooth":"auto"})},f=(e,t=!0)=>{m(e),b(e,t)};r.useEffect(()=>{b(n,!1)},[]),r.useEffect(()=>{if(p)return;const e=setInterval(()=>{m(e=>e+1)},3500);return()=>clearInterval(e)},[p]),r.useEffect(()=>{b(x),x>=2*n&&setTimeout(()=>{m(n),b(n,!1)},400)},[x]);const y=x%n;return e.jsxs("div",{className:"relative w-full px-4 sm:px-8 pt-16 sm:pt-30 pb-16 bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-100 overflow-hidden transition-colors duration-300",children:[e.jsx("div",{className:"text-center mb-10 sm:mb-12",children:e.jsxs("h2",{className:"text-3xl md:text-5xl font-black text-slate-900 dark:text-white",children:[a.designThinking.headline," ",e.jsx("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent",children:a.designThinking.headlineEmphasis})]})}),e.jsx("div",{className:"flex items-center gap-3 mb-8 sm:mb-10 overflow-x-auto pb-3 sm:justify-center sm:flex-wrap sm:overflow-visible sm:pb-0 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",children:l.map((t,a)=>e.jsx("button",{onClick:()=>{f(n+a)},className:"shrink-0 whitespace-nowrap px-5 sm:px-6 py-2.5 rounded-xl text-sm font-semibold uppercase tracking-wide transition-all duration-500 border\n\n      "+(y===a?"\n            bg-gradient-to-r from-violet-600 to-pink-500\n            dark:from-violet-500 dark:to-pink-500\n            text-white\n            border-transparent\n            shadow-lg shadow-violet-500/30\n            scale-105\n          ":"\n            bg-transparent\n            text-slate-500 dark:text-slate-300\n            border-slate-300 dark:border-slate-600\n            hover:bg-gradient-to-r hover:from-violet-500/10 hover:to-pink-500/10\n            hover:text-violet-600 dar

1k:hover:text-violet-400\n            hover:border-violet-400\n          "),children:t.title.replace("_"," ")},t.variant))}),e.jsx("div",{ref:d,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),onTouchStart:e=>{g(e.touches[0].clientX)},onTouchEnd:e=>{if(null===u)return;const t=e.changedTouches[0].clientX-u;if(Math.abs(t)<50)return void g(null);const a=t<0?1:-1,r=Math.max(0,Math.min(o.length-1,x+a));f(r),g(null)},className:"flex gap-4 sm:gap-8 overflow-x-auto py-6 px-1 sm:px-2 -mx-1 sm:-mx-2 touch-pan-x snap-x snap-mandatory scroll-smooth overscroll-x-contain [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",children:o.map((t,r)=>{const s=r===x;return e.jsxs("div",{ref:e=>{c.current[r]=e},className:"min-w-[84vw] max-w-[84vw] sm:min-w-[320px] sm:max-w-[320px] snap-center rounded-2xl border\n            bg-white dark:bg-slate-900\n            border-slate-200 dark:border-slate-700\n            transition-all duration-500 flex flex-col\n            "+(s?"scale-100 opacity-100 shadow-lg dark:shadow-black/40":"scale-[0.96] opacity-80 sm:scale-90 sm:opacity-40"),children:[e.jsx("div",{className:`h-36 ${t.lightBg} rounded-t-2xl flex items-center justify-center`,children:e.jsx(ie,{variant:t.variant})}),e.jsxs("div",{className:"p-6 flex flex-col grow",children:[e.jsx("h3",{className:"text-lg font-bold text-slate-900 dark:text-white mb-2",children:t.title}),e.jsx("p",{className:"text-sm text-slate-500 dark:text-slate-400 mb-4",children:t.desc}),e.jsx("ul",{className:"space-y-2 mb-6",children:t.items.map(a=>e.jsxs("li",{className:"text-xs text-slate-600 dark:text-slate-300 flex items-center gap-2",children:[e.jsx("span",{className:`w-1.5 h-1.5 rounded-full ${t.color}`}),a]},a))}),e.jsxs("div",{className:"mt-auto space-y-3",children:[e.jsx("button",{"data-waitlist-cta":!0,className:"w-full py-2.5 rounded-xl text-sm font-semibold transition-all\n                  "+(t.darkText?`${t.color} text-black`:`${t.color} text-white`),children:a.designThinking.startFree}),e.jsx("p",{className:"text-[10px] text-center text-slate-400 dark:text-slate-500 uppercase tracking-wide",children:a.designThinking.noCard}),e.jsx("button",{className:`w-full text-center text-xs font-semibold ${t.Textcolor} hover:underline`,children:a.designThinking.exploreTemplates})]})]})]},r)})})]})},ie=({variant:t})=>{const{tRaw:a}=s(),r={general:{main:"#2563eb",soft:"rgba(37,99,235,0.14)"},business:{main:"#ea580c",soft:"rgba(234,88,12,0.14)"},software:{main:"#9333ea",soft:"rgba(147,51,234,0.14)"},project:{main:"#ca8a04",soft:"rgba(202,138,4,0.14)"},product:{main:"#16a34a",soft:"rgba(22,163,74,0.14)"},sixSigma:{main:"#dc2626",soft:"rgba(220,38,38,0.14)"},it:{main:"#b45309",soft:"rgba(180,83,9,0.14)"},engineering:{main:"#475569",soft:"rgba(71,85,105,0.18)"}},i=a(`home.integrations.processFlowsHome.designThinking.diagramLabels.${t}`)??[],l=r[t]??r.general,o=Math.max(1.8*i.length,3.6),n=e=>({animation:"sceneCycle 6.6s ease-in-out infinite",animationDelay:2.2*e+"s",opacity:0});return e.jsxs("div",{className:"relative w-36 h-32 flex flex-col items-center justify-center",children:[e.jsx("div",{className:"absolute inset-2 rounded-xl",style:{backgroundColor:l.soft}}),e.jsx("div",{className:"relative w-[92px] h-[76px]",children:(()=>{switch(t){case"general":return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[e.jsx("div",{className:"absolute top-2 left-1/2 -translate-x-1/2 w-7 h-3 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute top-8 left-1/2 -translate-x-1/2 w-4 h-4 border rotate-45",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute bottom-2 left-5 w-7 h-3 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute bottom-2 right-5 w-7 h-3 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute top-5 left-1/2 -translate-x-1/2 w-px h-4",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-12 left-1/2 -translate-x-1/2 w-8 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[49px] left-[37%] w-px h-6",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[49px] right-[37%] w-px h-6",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"dotTraverse 2.2s linear infinite"}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[e.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-4 h-4 rounded-full border-2",style:{borderColor:l.main}}),[0,1,2,3].map(t=>e.jsx("div",{className:"absolute w-2.5 h-2.5 rounded-full",style:{backgroundColor:l.main,animation:"nodePulse 1.6s ease-in-out infinite",animationDelay:.2*t+"s",top:t<2?"20%":"70%",left:t%2==0?"20%":"74%"}},`mind-${t}`)),e.jsx("div",{className:"absolute top-[28%] left-[30%] w-10 h-px rotate-[30deg]",

1style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[28%] left-[48%] w-10 h-px -rotate-[30deg]",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[62%] left-[30%] w-10 h-px -rotate-[25deg]",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[62%] left-[48%] w-10 h-px rotate-[25deg]",style:{backgroundColor:l.main}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(2),children:[e.jsx("div",{className:"absolute top-2 left-1/2 -translate-x-1/2 w-8 h-3 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute top-7 left-1/2 -translate-x-1/2 w-px h-3",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-10 left-1/2 -translate-x-1/2 w-14 h-px",style:{backgroundColor:l.main}}),[0,1,2].map(t=>e.jsx("div",{className:"absolute bottom-2 w-6 h-3 rounded border",style:{borderColor:l.main,left:18+24*t+"px"}},`org-${t}`)),[0,1,2].map(t=>e.jsx("div",{className:"absolute top-10 w-px h-8",style:{backgroundColor:l.main,left:21+24*t+"px"}},`org-line-${t}`))]})]});case"business":return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[e.jsx("div",{className:"absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 rounded-full border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-8 top-1/2 -translate-y-1/2 w-8 h-4 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-[56px] top-1/2 -translate-y-1/2 w-4 h-4 border rotate-45",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3 h-3 rounded-full border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-5 right-5 top-1/2 -translate-y-1/2 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"tokenFlow 2.2s linear infinite"}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[[0,1,2].map(t=>e.jsx("div",{className:"absolute left-2 right-2 h-4 rounded border",style:{borderColor:l.main,top:8+18*t+"px"}},`lane-row-${t}`)),e.jsx("div",{className:"absolute left-6 top-[11px] w-5 h-3 rounded",style:{backgroundColor:l.main,animation:"swimTask 2.2s ease-in-out infinite"}})]})]});case"software":return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[[0,1,2].map(t=>e.jsx("div",{className:"absolute top-3 bottom-3 w-px border-l border-dashed",style:{borderColor:l.main,left:18+26*t+"px"}},`life-${t}`)),e.jsx("div",{className:"absolute top-8 left-[18px] w-12 h-px",style:{backgroundColor:l.main,animation:"msgPulse 1.6s ease-in-out infinite"}}),e.jsx("div",{className:"absolute top-14 left-[44px] w-12 h-px",style:{backgroundColor:l.main,animation:"msgPulse 1.6s ease-in-out infinite 0.5s"}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[e.jsx("div",{className:"absolute left-3 top-4 w-8 h-6 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute right-3 top-4 w-8 h-6 rounded border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-[37px] top-7 w-16 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 bottom-2 w-10 h-5 rounded-full border",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 bottom-7 w-px h-4",style:{backgroundColor:l.main}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(2),children:[e.jsx("div",{className:"absolute left-4 top-7 w-6 h-6 rounded border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute right-4 top-7 w-6 h-6 rounded border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 top-6 w-8 h-8 rounded-full border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-[30px] top-10 w-8 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute right-[30px] top-10 w-8 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"tokenFlow 2.1s linear infinite"}})]})]});case"project":return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute inset-0",style:n(0),children:[0,1,2].map(t=>e.jsx("div",{className:"absolute left-3 h-3 rounded-full overflow-hidden",style:{width:56-8*t+"px",to

1p:8+16*t+"px",backgroundColor:l.soft},children:e.jsx("div",{className:"h-full rounded-full",style:{backgroundColor:l.main,animation:"barFill 2.2s ease-in-out infinite",animationDelay:.25*t+"s"}})},`gantt-${t}`))}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[[0,1,2,3].map(t=>e.jsx("div",{className:"absolute w-3 h-3 rounded-full border-2",style:{borderColor:l.main,top:t<2?"18%":"66%",left:t%2==0?"24%":"68%"}},`pert-node-${t}`)),e.jsx("div",{className:"absolute top-[26%] left-[31%] w-10 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[39%] left-[31%] w-10 h-px rotate-[35deg]",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute top-[39%] left-[49%] w-10 h-px -rotate-[35deg]",style:{backgroundColor:l.main}})]})]});case"product":return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[e.jsx("div",{className:"absolute left-3 right-3 top-1/2 -translate-y-1/2 h-px",style:{backgroundColor:l.main}}),[0,1,2,3].map(t=>e.jsx("div",{className:"absolute w-3 h-3 rounded-full border-2",style:{borderColor:l.main,left:12+21*t+"px",top:"50%",transform:"translateY(-50%)"}},`stop-${t}`)),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"tokenFlow 2.2s linear infinite"}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[[0,1,2,3].map(t=>e.jsx("div",{className:"absolute w-6 h-4 rounded",style:{backgroundColor:l.main,opacity:.25+.15*t,left:8+t%2*28+"px",top:8+22*Math.floor(t/2)+"px"}},`event-${t}`)),e.jsx("div",{className:"absolute left-10 top-14 w-16 h-px border-t border-dashed",style:{borderColor:l.main}})]})]});case"sixSigma":return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[["S","I","P","O","C"].map((t,a)=>e.jsx("div",{className:"absolute top-1/2 -translate-y-1/2 w-3.5 h-8 rounded border",style:{borderColor:l.main,left:7+15*a+"px"}},`sipoc-${a}`)),e.jsx("div",{className:"absolute top-1/2 -translate-y-1/2 w-3.5 h-8 rounded",style:{backgroundColor:l.main,opacity:.25,animation:"scanCol 2.2s linear infinite"}})]}),e.jsxs("div",{className:"absolute inset-0",style:n(1),children:[[0,1,2].map(t=>e.jsx("div",{className:"absolute w-7 h-4 rounded border",style:{borderColor:l.main,top:"30%",left:8+26*t+"px"}},`vsm-box-${t}`)),[0,1].map(t=>e.jsx("div",{className:"absolute h-px w-6",style:{backgroundColor:l.main,top:"38%",left:29+26*t+"px"}},`vsm-arrow-${t}`)),e.jsx("div",{className:"absolute bottom-2 left-1/2 -translate-x-1/2 w-10 h-3 rounded border border-dashed",style:{borderColor:l.main}})]})]});case"it":return e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[[0,1,2].map(t=>e.jsx("div",{className:"absolute top-1/2 -translate-y-1/2 w-8 h-5 rounded border",style:{borderColor:l.main,left:6+28*t+"px"}},`it-box-${t}`)),[0,1].map(t=>e.jsx("div",{className:"absolute top-1/2 -translate-y-1/2 h-px w-8",style:{backgroundColor:l.main,left:22+28*t+"px"}},`it-line-${t}`)),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"tokenFlow 2.2s linear infinite"}})]});case"engineering":return e.jsxs("div",{className:"absolute inset-0",style:n(0),children:[e.jsx("div",{className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-12 h-8 rounded border-2",style:{borderColor:l.main}}),e.jsx("div",{className:"absolute left-1 top-1/2 -translate-y-1/2 w-8 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute right-1 top-1/2 -translate-y-1/2 w-8 h-px",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 top-1 w-px h-7",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute left-1/2 -translate-x-1/2 bottom-1 w-px h-7",style:{backgroundColor:l.main}}),e.jsx("div",{className:"absolute w-2 h-2 rounded-full",style:{backgroundColor:l.main,animation:"idefPulse 1.8s ease-in-out infinite"}})]});default:return null}})()}),e.jsx("div",{className:"relative w-[90%] h-6 overflow-hidden mt-1",children:i.map((t,a)=>e.jsx("span",{className:"absolute inset-0 text-[10px] font-bold tracking-wide uppercase flex items-center justify-center",style:{color:l.main,opacity:0,animation:`labelCycle ${o}s linear infinite`,animationDelay:1.8*a+"s"},children:t},t))}),e.jsx("style",{children:"\n        @keyframes sceneCycle {\n          0% { opacity: 0; transform: translateY(6px) scale(0.98); }\n          10% { opacity: 1; transform: translateY(0) scale(1); }\n          30% { opacity: 1; transform: translateY(0) scale(1); }\n          40% { opacity: 0; transform: translateY(-6px) scale(0.98); }\n          100% { opacity: 0; transform: translateY(-6px) scale(0.98); }\n        }\n        @keyframes labelCycle {\n          0% { opacity: 0; transform: translateY(7px); }\n          7% { opacity: 1; transform: translateY(0); }\n          22% { opacity: 1; transform: translateY(0); }\n          30% { opacity: 0; transform: translateY(-7px); }\n          100% { opacity: 0; transform: translateY(-7px); }\n        }\n        @keyframes dotTraverse {\n          0% { transform: translate(45px, 8px); opacity: 0; }\n          22% { opacity: 1; }\n          50% { transform: translate(45px, 30px); opacity: 1; }\n          75% { transform: translate(30px, 52px); opacity: 1; }\n          100% { transform: translate(64px, 52px); opacity: 0; }\n        }\n        @keyframes tokenFlow {\n          0% { transform: translate(8px, 33px); opacity: 0; }\n          20% { opacity: 1; }\n          80% { opacity: 1; }\n          100% { transform: translate(78px, 33px); opacity: 0; }\n        }\n        @keyframes swimTask {\n          0% { transform: translate(0, 0); opacity: 0.2; }\n          35% { transform: translate(20px, 18px); opacity: 1; }\n          70% { transform: translate(38px, 36px); opacity: 1; }\n          100% { transform: translate(50px, 36px); opacity: 0.2; }\n        }\n        @keyframes msgPulse {\n          0%, 100% { transform: scaleX(0.5); opacity: 0.35; transform-origin: left; }\n          50% { transform: scaleX(1); opacity: 1; transform-origin: left; }\n        }\n        @keyframes nodePulse {\n          0%, 100% { transform: scale(0.85); opacity: 0.55; }\n          50% { transform: scale(1); opacity: 1; }\n        }\n        @keyframes barFill {\n          0%, 100% { width: 30%; }\n          50% { width: 100%; }\n        }\n        @keyframes scanCol {\n          0% { transform: translateX(7px); }\n          100% { transform: translateX(61px); }\n        }\n        @keyframes idefPulse {\n          0%, 100% { transform: translate(45px, 33px) scale(1); opacity: 0.55; }\n          50% { transform: translate(45px, 33px) scale(1.25); opacity: 1; }\n        }\n      "})]})},le=[.16,1,.3,1],oe=({name:s,color:i,xPct:l,yPct:o,dur:n,delay:d=0,typing:c=!1})=>{const[x,m]=r.useState(!1);return r.useEffect(()=>{const e=setInterval(()=>{m(!0),setTimeout(()=>m(!1),700)},1e3*n*.4);return()=>clearInterval(e)},[n]),e.jsxs(t.div,{className:"absolute z-20 pointer-events-none",style:{left:0,top:0},initial:{opacity:0,left:`${l[0]}%`,top:`${o[0]}%`}

1,animate:{opacity:[0,1,1,1,1],left:l.map(e=>`${e}%`),top:o.map(e=>`${e}%`)},transition:{opacity:{duration:.4,delay:d},left:{duration:n,repeat:1/0,ease:"easeInOut",delay:d,repeatType:"mirror",times:l.map((e,t)=>t/(l.length-1))},top:{duration:n,repeat:1/0,ease:"easeInOut",delay:d,repeatType:"mirror",times:o.map((e,t)=>t/(o.length-1))}},children:[e.jsx(a,{children:x&&e.jsx(t.div,{className:"absolute -top-1 -left-1 rounded-full border-2",style:{borderColor:i},initial:{width:6,height:6,opacity:.8},animate:{width:28,height:28,opacity:0,top:-11,left:-11},exit:{opacity:0},transition:{duration:.6,ease:"easeOut"}},"r")}),e.jsx("svg",{width:"14",height:"18",viewBox:"0 0 14 18",fill:"none",children:e.jsx("path",{d:"M1 1l11 7-5.5 1.5L4 16 1 1z",fill:i,stroke:"white",strokeWidth:"1.2",strokeLinejoin:"round"})}),e.jsxs("div",{className:"mt-0.5 flex flex-col items-start gap-1",children:[e.jsx("span",{className:"px-2 py-0.5 rounded text-[10px] font-semibold text-white whitespace-nowrap shadow-md",style:{backgroundColor:i},children:s}),c&&e.jsx(t.div,{className:"flex items-center gap-1 px-2 py-1 rounded-lg",style:{backgroundColor:i+"22",border:`1px solid ${i}44`},animate:{opacity:[.7,1,.7]},transition:{duration:1.2,repeat:1/0},children:[0,1,2].map(a=>e.jsx(t.div,{className:"w-1.5 h-1.5 rounded-full",style:{backgroundColor:i},animate:{y:[0,-4,0],opacity:[.5,1,.5]},transition:{duration:.7,repeat:1/0,delay:.18*a}},a))})]})]})},ne=({emoji:a,x:r,delay:s})=>e.jsx(t.div,{className:"absolute z-10 text-xl select-none pointer-events-none",style:{left:r,bottom:"12%"},initial:{opacity:0,y:0,scale:.5},animate:{opacity:[0,1,1,0],y:-100,scale:[.5,1.2,1,.8]},transition:{duration:2.2,delay:s,ease:"easeOut",repeat:1/0,repeatDelay:6+1.5*s},children:a}),de=()=>{const{tRaw:a}=s(),r=a("home.integrations.processFlowsHome.hero.diagramNodes")??{},i=[{kind:"card",id:"confused",cx:110,cy:46,w:158,h:58,fill:"#fef9c3",stroke:"#ca8a04",textFill:"#78350f",selected:!0},{kind:"circle",id:"open",cx:90,cy:180,r:44,fill:"#fbbf24",stroke:"#d97706",textFill:"#78350f",pulse:!0},{kind:"pill",id:"postcode",cx:228,cy:130,w:118,h:42,fill:"#60a5fa",stroke:"#2563eb",textFill:"#fff",selected:!0},{kind:"circle",id:"enter",cx:228,cy:220,r:44,fill:"#fbbf24",stroke:"#d97706",textFill:"#78350f"},{kind:"diamond",id:"order",cx:228,cy:340,hw:56,hh:44,fill:"#fb923c",stroke:"#c2410c",textFill:"#fff"},{kind:"pill",id:"chat",cx:390,cy:168,w:112,h:42,fill:"#60a5fa",stroke:"#2563eb",textFill:"#fff"},{kind:"pill",id:"cart",cx:390,cy:248,w:112,h:42,fill:"#60a5fa",stroke:"#2563eb",textFill:"#fff"},{kind:"diamond",id:"satisfy",cx:390,cy:370,hw:52,hh:44,fill:"#fb923c",stroke:"#c2410c",textFill:"#fff"},{kind:"pill",id:"info",cx:545,cy:105,w:124,h:42,fill:"#60a5fa",stroke:"#2563eb",textFill:"#fff"},{kind:"diamond",id:"add",cx:545,cy:308,hw:56,hh:44,fill:"#fb923c",stroke:"#c2410c",textFill:"#fff"},{kind:"card",id:"easy",cx:720,cy:148,w:148,h:78,fill:"#fef9c3",stroke:"#ca8a04",textFill:"#78350f"},{kind:"circle",id:"checkout",cx:720,cy:318,r:44,fill:"#fbbf24",stroke:"#d97706",textFill:"#78350f",pulse:!0}].map(e=>{const t=r[e.id]??[];return"pill"===e.kind?{...e,label:t.join(" ")}:{...e,label:t}}),l="#3b82f6",o={"#fbbf24":"url(#gAmber)","#60a5fa":"url(#gBlue)","#fb923c":"url(#gOrange)","#fef9c3":"url(#gSlate)"};return e.jsxs(t.svg,{viewBox:"0 0 820 420",preserveAspectRatio:"xMidYMid meet",className:"w-full h-full",initial:{opacity:0}

1,animate:{opacity:1},transition:{duration:.8,delay:.5},children:[e.jsxs("defs",{children:[e.jsx("marker",{id:"arrow",markerWidth:"7",markerHeight:"7",refX:"5",refY:"3.5",orient:"auto",children:e.jsx("path",{d:"M0,0 L0,7 L7,3.5 z",fill:"#94a3b8",opacity:"0.7"})}),e.jsx("marker",{id:"arrow-blue",markerWidth:"6",markerHeight:"6",refX:"5",refY:"3",orient:"auto",children:e.jsx("path",{d:"M0,0 L0,6 L6,3 z",fill:"#60a5fa",opacity:"0.8"})}),e.jsx("marker",{id:"arrow-amber",markerWidth:"6",markerHeight:"6",refX:"5",refY:"3",orient:"auto",children:e.jsx("path",{d:"M0,0 L0,6 L6,3 z",fill:"#fbbf24",opacity:"0.8"})}),e.jsx("marker",{id:"arrow-orange",markerWidth:"6",markerHeight:"6",refX:"5",refY:"3",orient:"auto",children:e.jsx("path",{d:"M0,0 L0,6 L6,3 z",fill:"#fb923c",opacity:"0.8"})}),e.jsx("filter",{id:"gBlue",x:"-40%",y:"-40%",width:"180%",height:"180%",children:e.jsx("feDropShadow",{dx:"0",dy:"0",stdDeviation:"5",floodColor:"rgba(59,130,246,0.55)"})}),e.jsx("filter",{id:"gAmber",x:"-40%",y:"-40%",width:"180%",height:"180%",children:e.jsx("feDropShadow",{dx:"0",dy:"0",stdDeviation:"5",floodColor:"rgba(251,191,36,0.55)"})}),e.jsx("filter",{id:"gOrange",x:"-40%",y:"-40%",width:"180%",height:"180%",children:e.jsx("feDropShadow",{dx:"0",dy:"0",stdDeviation:"5",floodColor:"rgba(249,115,22,0.55)"})}),e.jsx("filter",{id:"gSlate",x:"-40%",y:"-40%",width:"180%",height:"180%",children:e.jsx("feDropShadow",{dx:"0",dy:"0",stdDeviation:"4",floodColor:"rgba(202,138,4,0.4)"})}),e.jsx("filter",{id:"gDot",x:"-60%",y:"-60%",width:"220%",height:"220%",children:e.jsx("feDropShadow",{dx:"0",dy:"0",stdDeviation:"3",floodColor:"rgba(0,0,0,0.4)"})})]}),[{id:"c1",d:"M 90 138 L 90 108 L 31 108 L 31 46 L 31 46",color:"#94a3b8",dotColor:"#fbbf24",dur:3.2,delay:.5},{id:"c2",d:"M 134 180 C 165 170 185 145 169 130",color:"#94a3b8",dotColor:"#60a5fa",dur:2.8,delay:.8},{id:"c3",d:"M 228 151 L 228 176",color:"#94a3b8",dotColor:"#60a5fa",dur:2.4,delay:1},{id:"c4",d:"M 228 264 L 228 296",color:"#94a3b8",dotColor:"#fb923c",dur:2.6,delay:1.2},{id:"c5",d:"M 272 220 C 318 208 348 188 334 168",color:"#94a3b8",dotColor:"#60a5fa",dur:3,delay:1.4},{id:"c6",d:"M 446 168 C 488 150 510 125 483 105",color:"#94a3b8",dotColor:"#60a5fa",dur:3.2,delay:1.6},{id:"c7",d:"M 390 189 L 390 227",color:"#94a3b8",dotColor:"#60a5fa",dur:2.4,delay:1.8},{id:"c8",d:"M 446 248 C 490 270 515 292 489 308",color:"#94a3b8",dotColor:"#fb923c",dur:3,delay:2},{id:"c9",d:"M 607 105 C 648 118 672 135 646 148",color:"#94a3b8",dotColor:"#fbbf24",dur:3.2,delay:2.2},{id:"c10",d:"M 601 308 C 640 312 668 316 676 316",color:"#94a3b8",dotColor:"#fbbf24",dur:3,delay:2.4},{id:"c11",d:"M 720 187 L 720 274",color:"#94a3b8",dotColor:"#fbbf24",dur:2.6,delay:2.6},{id:"c12",d:"M 262 355 C 302 368 340 368 338 370",color:"#94a3b8",dotColor:"#fb923c",dur:2.8,delay:2.8}].map((a,r)=>e.jsxs("g",{children:[e.jsx(t.path,{d:a.d,fill:"none",stroke:"#cbd5e1",strokeWidth:"1.5",strokeLinecap:"round",markerEnd:"url(#arrow)",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:.7},transition:{duration:.6,delay:1.2+.12*r,ease:"easeInOut"}}),e.jsx(t.path,{d:a.d,fill:"none",stroke:a.color,strokeWidth:"1.5",strokeLinecap:"round",strokeDasharray:"5 6",initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:.5,strokeDashoffset:[0,-44]},transition:{pathLength:{duration:.6,delay:1.2+.12*r,ease:"easeInOut"},opacity:{duration:.4,delay:1.2+.12*r},strokeDashoffset:{duration:2.5+r%3*.4,repeat:1/0,ease:"linear",delay:1.8+.12*r}}}),e.jsx("circle",{r:"4",fill:a.dotColor,filter:"url(#gDot)",opacity:"0.9",children:e.jsx("animateMotion",{dur:`${a.dur}s`,begin:`${a.delay+1.5}s`,repeatCount:"indefinite",path:a.d})})]},a.id)),i.map((a,r)=>{const s=o[a.fill]??"url(#gBlue)",i=.8+.1*r;return"circle"===a.kind?e.jsxs(t.g,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.45,delay:i,type:"spring",stiffness:200},style:{transformOrigin:`${a.cx}px ${a.cy}px`},children:[e.jsx("circle",{cx:a.cx,cy:a.cy,r:a.r,fill:a.fill,stroke:a.stroke,strokeWidth:"2",filter:s}),a.pulse&&e.jsxs("circle",{cx:a.cx,cy:a.cy,r:a.r,fill:"none",stroke:a.stroke,strokeWidth:"2",opacity:"0.4",children:[e.jsx("animate",{attributeName:"r",values:`${a.r};${a.r+14};${a.r}

1`,dur:"2.6s",repeatCount:"indefinite"}),e.jsx("animate",{attributeName:"opacity",values:"0.4;0;0.4",dur:"2.6s",repeatCount:"indefinite"})]}),a.label.map((t,r)=>e.jsx("text",{x:a.cx,y:a.cy+(1===a.label.length?5:0===r?-4:12),textAnchor:"middle",fontSize:"11",fontWeight:"800",fill:a.textFill,fontFamily:"system-ui,sans-serif",children:t},r))]},a.id):"pill"===a.kind?e.jsxs(t.g,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.45,delay:i,type:"spring",stiffness:200},style:{transformOrigin:`${a.cx}px ${a.cy}px`},children:[a.selected&&e.jsx("rect",{x:a.cx-a.w/2-5,y:a.cy-a.h/2-5,width:a.w+10,height:a.h+10,rx:a.h/2+5,fill:"none",stroke:l,strokeWidth:"1.8",strokeDasharray:"5 4",opacity:"0.7"}),e.jsx("rect",{x:a.cx-a.w/2,y:a.cy-a.h/2,width:a.w,height:a.h,rx:a.h/2,fill:a.fill,stroke:a.stroke,strokeWidth:"2",filter:s}),e.jsx("text",{x:a.cx,y:a.cy+5,textAnchor:"middle",fontSize:"12",fontWeight:"800",fill:a.textFill,fontFamily:"system-ui,sans-serif",children:a.label})]},a.id):"diamond"===a.kind?e.jsxs(t.g,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.45,delay:i,type:"spring",stiffness:200},style:{transformOrigin:`${a.cx}px ${a.cy}px`},children:[e.jsx("rect",{x:a.cx-a.hw,y:a.cy-a.hh,width:2*a.hw,height:2*a.hh,rx:"4",transform:`rotate(45 ${a.cx} ${a.cy})`,fill:a.fill,stroke:a.stroke,strokeWidth:"2",filter:s}),a.label.map((t,r)=>e.jsx("text",{x:a.cx,y:a.cy+(1===a.label.length?5:0===r?-5:11),textAnchor:"middle",fontSize:"10.5",fontWeight:"800",fill:a.textFill,fontFamily:"system-ui,sans-serif",children:t},r))]},a.id):"card"===a.kind?e.jsxs(t.g,{initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.45,delay:i,type:"spring",stiffness:200},style:{transformOrigin:`${a.cx}px ${a.cy}px`},children:[a.selected&&e.jsx("rect",{x:a.cx-a.w/2-5,y:a.cy-a.h/2-5,width:a.w+10,height:a.h+10,rx:"8",fill:"none",stroke:l,strokeWidth:"1.8",strokeDasharray:"5 4",opacity:"0.7"}),e.jsx("rect",{x:a.cx-a.w/2,y:a.cy-a.h/2,width:a.w,height:a.h,rx:"6",fill:a.fill,stroke:a.stroke,strokeWidth:"2",filter:s}),e.jsx("path",{d:`M ${a.cx+a.w/2-14} ${a.cy-a.h/2} L ${a.cx+a.w/2} ${a.cy-a.h/2+14} L ${a.cx+a.w/2} ${a.cy-a.h/2} Z`,fill:a.stroke,opacity:"0.25"}),a.label.map((t,r)=>e.jsx("text",{x:a.cx,y:a.cy+(1===a.label.length?5:0===r?-6:12),textAnchor:"middle",fontSize:"11",fontWeight:"700",fill:a.textFill,fontFamily:"system-ui,sans-serif",children:t},r))]},a.id):null})]})},ce=()=>{const{t:a}=s(),r=a.home.integrations.processFlowsHome;return e.jsxs("section",{className:"relative w-full min-h-screen overflow-hidden flex flex-col",children:[e.jsx("div",{className:"absolute inset-0 bg-[#f6f7fb] dark:bg-[#0e1020]",style:{backgroundImage:"radial-gradient(rgba(0,0,0,0.10) 1px,transparent 1px)",backgroundSize:"20px 20px"}}),e.jsx("div",{className:"absolute inset-0 opacity-0 dark:opacity-100 pointer-events-none",style:{backgroundImage:"radial-gradient(rgba(255,255,255,0.06) 1px,transparent 1px)",backgroundSize:"20px 20px"}}),e.jsxs("div",{className:"relative z-30 flex items-center justify-between w-full\n        px-4 sm:px-6 py-2.5\n        bg-white/95 dark:bg-[#141828]/95 backdrop-blur-sm\n        border-b border-gray-200 dark:border-white/10",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("rect",{x:"2",y:"4",width:"7",height:"5",rx:"1.5",fill:"#fbbf24"}),e.jsx("rect",{x:"9",y:"10",width:"7",height:"5",rx:"1.5",fill:"#60a5fa"}),e.jsx("rect",{x:"16",y:"16",width:"7",height:"5",rx:"1.5",fill:"#fb923c"}),e.jsx("path",{d:"M5.5 9v2.5M12.5 15v2.5M9 6.5H16.5M16 12.5H23",stroke:"#6b7280",strokeWidth:"1.2",strokeLinecap:"round"})]}),e.jsx("span",{className:"text-[11px] font-bold text-gray-800 dark:text-white mt-10",children:r.hero.editorLabel})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex -space-x-1.5",children:[{bg:"#3b82f6",l:"A"},{bg:"#f59e0b",l:"M"},{bg:"#f97316",l:"Z"},{bg:"#8b5cf6",l:"L"}].map((a,r)=>e.jsxs(t.div,{className:"relative",initial:{scale:0},animate:{scale:1},transition:{delay:.5+.08*r,type:"spring",stiffness:280},children:[e.jsx(t.div,{className:"absolute inset-0 rounded-full",style:{border:`2px solid ${a.bg}`},animate:{scale:[1,1.55],opacity:[.8,0]}

1,transition:{duration:1.8,repeat:1/0,delay:.5*r+1}}),e.jsxs("div",{className:"w-6 h-6 sm:w-7 sm:h-7 rounded-full border-2 border-white dark:border-[#141828]\n                  flex items-center justify-center text-[9px] font-bold text-white relative",style:{backgroundColor:a.bg},children:[a.l,e.jsx("div",{className:"absolute -bottom-0.5 -right-0.5 w-2 h-2 rounded-full bg-emerald-400 border border-white"})]})]},r))}),e.jsxs(t.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:1.6},className:"hidden sm:flex items-center gap-1.5 px-2.5 py-1 rounded-full text-[10px] font-semibold\n              bg-blue-50 dark:bg-blue-950/50 text-blue-600 dark:text-blue-300\n              border border-blue-200/60 dark:border-blue-800/50",children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full bg-blue-500"}),r.hero.stepsSelected]}),e.jsx(t.button,{whileHover:{scale:1.06},whileTap:{scale:.95},className:"px-3 sm:px-4 py-1.5 bg-blue-500 hover:bg-blue-600 text-white text-[10px] sm:text-xs font-semibold rounded-md transition-colors",children:r.hero.shareButton}),e.jsx("div",{className:"hidden md:flex items-center gap-0.5 ml-1 pl-2 border-l border-gray-200 dark:border-white/10",children:["â","â","â"].map((t,a)=>e.jsx("button",{className:"w-6 h-6 flex items-center justify-center rounded text-[11px] text-gray-400 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors",children:t},a))})]})]}),e.jsxs("div",{className:"relative flex-1 w-full overflow-hidden",children:[e.jsxs(t.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,delay:.4,ease:le},className:"relative z-10 text-center mt-4 sm:mt-5 px-4",children:[e.jsxs("h2",{className:"font-black tracking-tight leading-[1.04] text-gray-900 dark:text-white mb-3\n  text-[clamp(1.6rem,4.8vw,3.0rem)]",children:[r.hero.h1," ",e.jsxs("span",{className:"bg-linear-to-r from-violet-600 to-pink-500 dark:from-violet-400 dark:to-pink-400 bg-clip-text text-transparent ",children:[r.hero.h2," ",r.hero.h3]})]}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400 text-sm sm:text-base max-w-lg mx-auto mb-4",children:r.hero.sub}),e.jsxs("div",{className:"flex flex-row items-stretch sm:items-center justify-center gap-2 sm:gap-3",children:[e.jsxs(t.button,{"data-waitlist-cta":!0,whileHover:{scale:1.06,boxShadow:"0 12px 36px rgba(168,85,247,0.35)"},whileTap:{scale:.97},className:"relative overflow-hidden flex-1 sm:flex-none sm:w-auto flex items-center justify-center gap-1.5 sm:gap-2\n      px-2 py-3 sm:px-7 sm:py-3 rounded-full text-white font-semibold text-xs sm:text-[14px] whitespace-nowrap\n      bg-linear-to-r from-violet-600 to-pink-500\n      dark:from-violet-400 dark:to-pink-400\n      shadow-lg shadow-violet-500/30 dark:shadow-violet-500/20",children:[e.jsx(t.span,{className:"absolute inset-0 bg-linear-to-r from-white/0 via-white/20 to-white/0",animate:{x:["-100%","100%"]},transition:{duration:2,repeat:1/0,ease:"easeInOut",repeatDelay:3}}),e.jsx("span",{className:"relative",children:r.hero.ctaPrimary}),e.jsx(c,{size:15,className:"relative shrink-0"})]}),e.jsx(t.button,{whileHover:{scale:1.03},whileTap:{scale:.97},className:"flex-1 sm:flex-none sm:w-auto flex items-center justify-center px-2 py-3 sm:px-7 sm:py-3 rounded-full font-semibold text-xs sm:text-[14px] whitespace-nowrap\n      border-2 border-gray-300 dark:border-white/20\n      text-gray-700 dark:text-white bg-white/70 dark:bg-white/5 backdrop-blur-sm\n      hover:border-blue-300 dark:hover:border-blue-500/50\n      hover:bg-blue-50/80 dark:hover:bg-white/10 transition-colors duration-200",children:r.hero.ctaSecondary})]})]}),e.jsx("div",{className:"absolute inset-x-0 bottom-0 z-10 p-10",

1style:{top:"clamp(230px, 38%, 290px)"},children:e.jsx(de,{})}),e.jsx(oe,{name:r.hero.collaborators[0],color:"#3b82f6",typing:!0,xPct:[10,15,20,16,10],yPct:[48,56,60,52,48],dur:10,delay:1.5}),e.jsx(oe,{name:r.hero.collaborators[1],color:"#f59e0b",xPct:[72,77,82,77,72],yPct:[38,44,48,42,38],dur:11,delay:1.8}),e.jsx(oe,{name:r.hero.collaborators[2],color:"#f97316",xPct:[42,48,54,48,42],yPct:[70,74,78,72,70],dur:13,delay:2.1}),e.jsxs(t.div,{initial:{opacity:0,y:10,scale:.9},animate:{opacity:1,y:0,scale:1},transition:{delay:2.5,duration:.5,ease:le},className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-20\n            flex items-center gap-2 px-3 py-2 rounded-2xl shadow-xl\n            bg-white/95 dark:bg-[#1a1f35]/95 backdrop-blur-sm\n            border border-gray-100 dark:border-white/10",children:[e.jsx("div",{className:"w-7 h-7 rounded-full bg-linear-to-br from-blue-500 to-violet-600 flex items-center justify-center shadow-sm shrink-0",children:e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5",stroke:"white",strokeWidth:"1.2"}),e.jsx("path",{d:"M4 6l1.5 1.5L8 4",stroke:"white",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-semibold text-gray-800 dark:text-gray-200 leading-tight",children:r.hero.aiChipTitle}),e.jsx("p",{className:"text-[10px] text-gray-400 dark:text-gray-500 leading-tight",children:r.hero.aiChipSub})]}),e.jsx(t.div,{animate:{opacity:[.4,1,.4]},transition:{duration:1.8,repeat:1/0},className:"h-2 w-2 rounded-full bg-emerald-500 ml-1 shrink-0"})]}),e.jsx("div",{className:"absolute right-0 top-1/2 -translate-y-1/2 z-10 hidden lg:flex flex-col gap-1.5\n          mr-2 p-2 bg-white/85 dark:bg-[#1e2236]/85 backdrop-blur-sm\n          rounded-xl border border-gray-100 dark:border-white/10 shadow-md",children:["â¬¡","â¬¢","â","â"].map((a,r)=>e.jsx(t.button,{whileHover:{scale:1.15,backgroundColor:"rgba(59,130,246,0.12)"},className:"w-7 h-7 flex items-center justify-center rounded-lg text-[12px] text-gray-400\n                hover:bg-gray-100 dark:hover:bg-white/10 transition-colors",children:a},r))}),e.jsxs(t.div,{initial:{opacity:0}

1,animate:{opacity:1},transition:{delay:3},className:"absolute bottom-4 left-4 z-10 hidden sm:flex items-center gap-1.5",children:[e.jsx(t.span,{animate:{opacity:[.4,1,.4]},transition:{duration:1.8,repeat:1/0},className:"h-1.5 w-1.5 rounded-full bg-emerald-500"}),e.jsx("span",{className:"text-[10px] font-medium text-gray-400 dark:text-gray-500",children:r.hero.liveStatus})]}),e.jsx(ne,{emoji:"â",x:"15%",delay:4}),e.jsx(ne,{emoji:"â¡",x:"55%",delay:7}),e.jsx(ne,{emoji:"ð",x:"78%",delay:10}),e.jsx(ne,{emoji:"ð",x:"35%",delay:13})]})]})},xe=()=>{const{t:t}=s(),a=t.home.integrations.processFlowsHome,[i,l]=r.useState(""),[o,n]=r.useState(re.IDLE),[d,c]=r.useState(null),[x,m]=r.useState(""),[p,h]=r.useState(!1),[u,g]=r.useState([]),[b,y]=r.useState(-1),[w,k]=r.useState(!1),[N,S]=r.useState(null),[T,M]=r.useState(!1),L=r.useRef(null);r.useEffect(()=>{localStorage.getItem("slideon_tour_seen")||h(!0)},[]),r.useEffect(()=>{if(d&&(-1===b||JSON.stringify(d)!==JSON.stringify(u[b]))){const e=u.slice(0,b+1);e.push(d),e.length>20&&e.shift(),g(e),y(e.length-1)}},[d]);const F=e=>{c(e.flow),n(re.RESULT),M(!1)};return T?e.jsx(v,{onSelect:F,onClose:()=>M(!1)}):e.jsxs("div",{"aria-label":a.routeTitle,className:"min-h-screen bg-white dark:bg-[#030303] font-sans text-slate-900 dark:text-white selection:bg-indigo-100 dark:selection:bg-indigo-500/30 selection:text-indigo-900 dark:selection:text-indigo-200 overflow-x-hidden",children:[w&&d&&e.jsx(f,{flowTitle:d.title,onClose:()=>k(!1)}),e.jsxs("main",{className:"mx-auto pt-0 pb-40",children:[e.jsx(ce,{}),o===re.IDLE&&e.jsxs("div",{className:"space-y-0",children:[e.jsx(se,{}),e.jsx(G,{}),e.jsx(W,{}),e.jsx(j,{}),e.jsx(C,{}),e.jsx(ee,{}),e.jsx(ae,{onStart:()=>{var e;return null==(e=L.current)?void 0:e.focus()}})]})]})]})};export{xe 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.