1import{r as m,j as e}from"./index-bmOzMU_x.js";import{u as p}from"./useInView-BT2QCVYW.js";import{A as o}from"./arrow-right-D4xHQaUQ.js";import{B as g}from"./brain-Bcu5soss.js";const u=[{label:"Voice Coaching Sessions",sub:"Reflections & challenges talked through with Rypple",dots:"bg-indigo-400"},{label:"Meetings & 1:1s",sub:"Prep notes, live conversations, post-meeting transcripts",dots:"bg-rose-400"},{label:"Slack & Async Comms",sub:"DMs, channel mentions, tone & engagement signals",dots:"bg-amber-400"},{label:"Calendar & Activity Signals",sub:"Meeting frequency, time allocation, gaps",dots:"bg-emerald-400"},{label:"Manual Updates & Check-ins",sub:"Journal entries, commitment updates, team notes",dots:"bg-cyan-400"}],h=[{label:"Real-Time Coaching",sub:"In-the-moment guidance during tough conversations"},{label:"Meeting Prep & Briefings",sub:"Know what matters before you walk in"},{label:"Detect & Alert",sub:"Surface flight risk, disengagement, overdue items"},{label:"Follow-Up & Accountability",sub:"Automated nudges, commitment tracking"},{label:"Growth & Development",sub:"Skill gaps, learning paths, progress tracking"},{label:"Team Health Dashboard",sub:"Benchmarking across your team and org"},{label:"My People",sub:"A living memory of everyone you work with"},{label:"Feedback & Recognition",sub:"Timely prompts to recognize and coach"}],f=["Capture","Analyze","Connect","Trend"],x=({direction:l="right",label:r})=>e.jsxs("div",{className:"hidden lg:flex flex-col items-center gap-2 px-2",children:[e.jsx("p",{className:"text-[10px] uppercase tracking-widest text-indigo-400 font-semibold whitespace-nowrap",children:r}),e.jsxs("div",{className:"flex items-center gap-1",children:[[...Array(5)].map((i,t)=>e.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-indigo-400",style:{animation:"flowing-dot 1.5s ease-in-out infinite",animationDelay:`${(l==="right"?t:4-t)*.2}s`}},t)),e.jsx("div",{style:{animation:"arrow-bob 1.5s ease-in-out infinite"},children:e.jsx(o,{className:"w-3 h-3 text-indigo-400"})})]})]});function w({animationKey:l=0}){const r=m.useId().replace(/:/g,"-"),i=m.useRef(null),t=p(i,{once:!0,amount:.1}),n=(s,a=0,c=10)=>({opacity:t?1:0,transform:t?"none":`translate(${a}px, ${c}px)`,transition:`opacity 0.35s ease ${s}s, transform 0.35s ease ${s}s`});return e.jsxs("div",{className:"max-w-6xl mx-auto",ref:i,children:[e.jsx("div",{className:"text-center mb-12",children:e.jsxs("div",{style:n(0),children:[e.jsx("div",{className:"rypple-eyebrow",children:"How Rypple Learns Your Team"}),e.jsxs("h2",{className:"rypple-h2-center",children:["Your Everyday Work ",e.jsx("span",{className:"cf-colourful-text",children:"Feeds the System"})]}),e.jsx("p",{className:"rypple-lead mb-6 mx-auto mt-4",children:"Managers have hundreds of moments every week â conversations, signals, decisions. Rypple captures them all and turns them into leadership action."})]})}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-[1fr_auto_auto_auto_1fr] gap-4 lg:gap-0 items-center",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-xs uppercase tracking-widest text-muted-foreground font-semibold text-center lg:text-right",style:n(.3),children:"Raw Manager Moments"}),u.map((s,a)=>e.jsxs("div",{className:"bg-card border border-border rounded-lg p-4 flex items-center gap-3 lg:flex-row-reverse",style:n(.5+a*.15,-40),children:[e.jsx("div",{className:"flex gap-1 flex-shrink-0",children:[...Array(4)].map((c,d)=>e.jsx("div",{className:`w-2 h-2 rounded-full ${s.dots}`,style:{transform:t?"scale(1)":"scale(0)",transition:`transform 0.3s ease ${(.7+a*.15+d*.06)*.45}s`}},d))}),e.jsxs("div",{className:"flex-1 lg:text-right",children:[e.jsx("p",{className:"text-sm font-medium",children:s.label}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:s.sub})]})]},s.label))]}),e.jsx(x,{direction:"right",label:"Ingest"}),e.jsxs("div",{className:"lg:hidden text-indigo-400 flex justify-center items-center gap-2 py-2",children:[e.jsx(o,{className:"w-5 h-5 rotate-90"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest font-semibold",children:"Ingest"})]}),e.jsxs("div",{className:"flex flex-col items-center justify-center text-center px-4",children:[e.jsxs("div",{style:n(1.3,0,0),children:[e.jsx("svg",{width:"0",height:"0",className:"absolute","aria-hidden":"true",children:e.jsx("defs",{children:e.jsxs("linearGradient",{id:r,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[e.jsx("stop",{offset:"0%",stopColor:"#6366f1"}),e.jsx("stop",{offset:"50%",stopColor:"#06b6d4"}),e.jsx("stop",{offset:"100%",stopColor:"#10b981"})]})})}),e.jsx("div",{className:"w-20 h-20 rounded-full bg-foreground flex items-center justify-center mb-4 shadow-lg ring-4 ring-indigo-500/20",children:e.jsx(g,{className:"w-9 h-9 !mb-0",style:{stroke:`url(#${r})`}})})]}),e.jsx("p",{className:"text-xs font-bold uppercase tracking-widest mb-2 cf-colourful-text",style:n(1.6),children:"Rypple AI Engine"}),e.jsx("div",{className:"flex flex-wrap justify-center gap-1.5 mb-4",children:f.map((s,a)=>e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full bg-muted text-foreground font-medium border border-border",style:{opacity:t?1:0,transform:t?"none":"scale(0.8)",transition:`opacity 0.35s ease ${(1.8+a*.15)*.45}s, transform 0.35s ease ${(1.8+a*.15)*.45}s`},children:s},s))}),e.jsx("p",{className:"text-xs text-muted-foreground leading-relaxed max-w-[240px]",style:n(2.4),children:"Maps every interaction to leadership behaviors, skills, and outcomes â building a living picture of how you lead."})]}),e.jsx(x,{direction:"right",label:"Deliver"}),e.jsxs("div",{className:"lg:hidden text-indigo-400 flex justify-center items-center gap-2 py-2",children:[e.jsx(o,{className:"w-5 h-5 rotate-90"}),e.jsx("span",{className:"text-[10px] uppercase tracking-widest font-semibold",children:"Deliver"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx("p",{className:"text-xs uppercase tracking-widest text-muted-foreground font-semibold text-center lg:text-left",style:n(2.6),children:"Rypple in Action"}),h.map((s,a)=>e.jsxs("div",{className:"bg-card border border-border rounded-lg p-4 flex items-center gap-3",style:n(2.8+a*.15,40),children:[e.jsx("div",{className:"w-8 h-8 rounded-lg bg-gradient-to-br from-indigo-500/10 to-cyan-500/10 flex items-center justify-center flex-shrink-0",children:e.jsx("div",{className:"w-2 h-2 rounded-full bg-indigo-500"})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium",children:s.label}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1",children:s.sub})]})]},s.label))]})]})]},l)}export{w 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.