1import{bn as C,be as e,as as I,aG as S,aj as q,c as h,au as n,av as i,p as g,t as z,aN as F,j as P,aW as f,aV as E,a9 as O,O as R,z as M,aF as B,ag as H,bf as t,by as r,o as V,aQ as Z,at as Y,ac as m,M as D,C as p,bd as o,bj as l,aq as c,aU as y,W as b,h as G,aL as N,x as v,V as U,Z as A,L,bv as _,aS as W,d as x,aD as T,g as Q,ab as $,a6 as j,aI as K}from"./index-CyeZ7PZ7.js";import{U as u}from"./user-round-D9qyJkJK.js";const J=[{question:"What is a WhatsApp Team Inbox?",answer:"A WhatsApp Team Inbox is a shared workspace that allows multiple authorized employees to manage business WhatsApp conversations from a common environment."},{question:"Can multiple employees use a WhatsApp Team Inbox?",answer:"Yes. A WhatsApp Team Inbox is designed for multiple authorized users who need to participate in managing business WhatsApp conversations. Available access and capabilities depend on the configured ZunoPilot and WhatsApp Business setup."},{question:"What is the difference between a WhatsApp Team Inbox and a personal WhatsApp account?",answer:"A personal WhatsApp account is primarily designed around an individual user, while a WhatsApp Team Inbox provides a business-oriented environment where multiple authorized team members can participate in customer conversation management."},{question:"Can WhatsApp conversations be assigned to team members?",answer:"Where supported by the configured ZunoPilot functionality, conversations can be assigned or routed to appropriate team members so responsibility is clearer."},{question:"How does a WhatsApp Team Inbox help customer support?",answer:"It gives support teams a shared environment for handling customer conversations, coordinating responsibility, continuing existing discussions, and transferring conversations when another employee needs to assist."},{question:"Can sales teams use a WhatsApp Team Inbox?",answer:"Yes. Sales teams can use a shared inbox to manage incoming enquiries, coordinate customer conversations, and allow another authorized representative to continue a conversation when necessary."},{question:"Can a customer conversation be transferred to another employee?",answer:"Where the configured workflow supports conversation assignment or handoff, another authorized team member can take responsibility for continuing the customer interaction."},{question:"Does a shared WhatsApp inbox prevent duplicate replies?",answer:"Shared visibility can help reduce duplicate responses because team members can see conversations and their handling status. The exact behavior depends on the features available in the ZunoPilot setup."},{question:"Can team members see previous WhatsApp conversations?",answer:"The conversation history available to team members depends on the configured ZunoPilot and WhatsApp Business environment. The shared workspace is designed to help authorized users work with relevant conversation context."},{question:"Can managers monitor team conversations?",answer:"Where supported by the configured access and permissions, managers can have visibility into business conversations to help coordinate customer communication and team responsibilities."},{question:"Is a WhatsApp Team Inbox the same as WhatsApp automation?",answer:"No. A Team Inbox is focused on people working together on customer conversations, while WhatsApp automation is focused on automating suitable business processes and recurring communication."},{question:"Can AI work with a WhatsApp Team Inbox?",answer:"Yes. AI-assisted interactions can complement team-based communication where the relevant ZunoPilot functionality is configured. AI can assist with suitable conversations while employees handle interactions requiring human judgment."}];function he(){return C(H.teamInbox),e.jsxs("div",{className:"min-h-screen bg-white text-slate-900",children:[e.jsx(I,{}),e.jsx(S,{}),e.jsx(q,{title:["Give Your Team One Place to Work","on WhatsApp Conversations"],intro:["Customer conversations become harder to manage when they are spread across individual employees.","ZunoPilot's WhatsApp Team Inbox gives customer-facing teams a shared workspace where authorized users can work with business WhatsApp conversations, coordinate responsibility, and keep customer interactions connected to the organization.","Instead of asking who has the customer chat, your team can work from a common inbox designed for c
1ollaborative WhatsApp communication."],children:e.jsx("p",{className:"mt-8",children:e.jsx(h,{to:"/features",children:"Explore all ZunoPilot Features"})})}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{eyebrow:"The problem",title:["When WhatsApp Becomes","a Team Responsibility"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"A business may begin with one person answering WhatsApp messages."}),e.jsx("p",{children:"As enquiries increase, more people become involved."}),e.jsx("p",{children:"Sales may need to handle prospects. Support may need to resolve customer issues. Operations may need to take over specific requests."}),e.jsx("p",{children:"Without a shared working environment, teams can face situations such as:"})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(X,{})}),e.jsx("p",{className:"mt-8 text-center text-base text-slate-700 max-w-2xl mx-auto",children:"A WhatsApp Team Inbox gives the organization a way to manage these challenges from a shared workspace."})]}),e.jsxs(n,{children:[e.jsx(i,{title:["One Shared View for","Customer Conversations"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Instead of keeping customer chats tied to individual employees, ZunoPilot brings eligible business conversations into a team-oriented inbox."}),e.jsx("p",{children:"Authorized users can work with the conversations relevant to their responsibilities while maintaining visibility across the customer communication process."}),e.jsx("p",{children:"This creates a simple distinction:"})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(ee,{})}),e.jsx("p",{className:"mt-8 text-center text-base text-slate-700 max-w-2xl mx-auto",children:"That difference becomes increasingly valuable as customer communication grows."})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["What Is a WhatsApp Team Inbox?"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"A WhatsApp Team Inbox is a shared workspace that allows multiple authorized team members to manage business WhatsApp conversations."}),e.jsx("p",{children:"It provides a common environment for teams that need to see, organize, and respond to customer messages."}),e.jsx("p",{children:"Depending on the configured ZunoPilot setup, teams can use the inbox to support activities such as:"})]})}),e.jsx("div",{className:"mt-10 max-w-3xl mx-auto rounded-3xl bg-white ring-1 ring-slate-200/80 p-6 sm:p-8",children:e.jsx(g,{items:["Viewing customer conversations","Managing conversation ownership","Assigning conversations","Coordinating team responses","Handling customer handoffs","Reviewing conversation context","Managing conversations across customer-facing teams"]})}),e.jsx("p",{className:"mt-8 text-center text-base text-slate-700 max-w-2xl mx-auto",children:"The exact capabilities depen
1d on your ZunoPilot configuration and connected WhatsApp Business environment."})]}),e.jsxs(n,{children:[e.jsx(i,{title:["Give Every Conversation","a Clear Owner"],lead:e.jsx(e.Fragment,{children:e.jsx("p",{children:"One of the simplest ways to improve team coordination is to make responsibility clear."})})}),e.jsx("div",{className:"mt-10",children:e.jsx(se,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"Instead of leaving responsibility unclear, your team can organize conversations around the people or teams responsible for handling them."}),e.jsx("p",{children:"This helps reduce the question:"}),e.jsx("p",{className:"text-lg font-semibold text-slate-900",children:"âIs anyone taking care of this customer?â"})]})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Make Customer","Handoffs Easier"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"A customer conversation doesnât always remain with the same employee."}),e.jsx("p",{children:"A sales enquiry may become a support issue."}),e.jsx("p",{children:"A support request may need help from operations."}),e.jsx("p",{children:"An employee may be unavailable and another team member may need to continue the conversation."})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(te,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"A shared inbox provides a common place for the conversation to remain accessible to authorized users during these transitions."}),e.jsx("p",{children:"The customer can continue the discussion while the responsibility changes internally."})]})]}),e.jsxs(n,{children:[e.jsx(i,{title:["Reduce Duplicate Replies"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Team communication becomes difficult when employees donât know what others are doing."}),e.jsx("p",{children:"For example:"})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(ae,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"Shared visibility can help teams coordinate their responses and understand which conversations are already being handled."}),e.jsx("p",{children:"This is especially useful when several employees work during the same period or when customer enquiry volumes are high."})]})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Keep the Conversation","Context With the Business"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"A customer may initially speak with a salesperson and later need help from support."}),e.jsx("p",{children:"The next employee shouldnât have to begin by asking the customer to explain everything again."})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(ne,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"When relevant conversation history is available within the teamâs working environment, authorized users can understand the previous discussion before continuing."}),e.jsx("p",{children:"This can make internal handoffs smoother and help create a more consistent customer experience."})]})]}),e.jsxs(n,{children:[e.jsx(i,{title:["Organize Conversations","Around Your Teams"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Different businesses organize customer communication differently."}),e.jsx("p",{children:"A company may have:"})]})}),e.jsx("div",{className:"mt-10 max-w-3xl mx-auto",children:e.jsx(z,{className:"justify-center",chips:["Sales representatives","Customer support agents","Account managers","Operations staff","Service coordinators","Customer success teams"]})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"The Team Inbox can support a team-based approach to customer conversations, allowing the organization to determine who should handle different types of enquiries."}),e.jsx("p",{children:"Instead of building the customer relationship around one employee, the business can build a process around the team."})]})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{eyebrow:"For sales teams",title:["WhatsApp Team Inbox for Sales"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Sales teams often receive enquiries from customers at different stages of the buying journey."}),e.jsx("p",{children:"One person may be unavailable. Another may specialize in a particular product. A manager may need to review an important opportunity."}),e.jsx("p",{children:"A shared inbox can give the sales team a common environment for managing these conversations."}),e.jsx("p",{children:"For example:"})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(ie,{})}),e.jsxs("div",{className:"mt-8 text-center",children:[e.jsx("p",{className:"mx-auto max-w-2xl text-base text-slate-700",children:"This can make incoming WhatsApp enquiries easier to coordinate."}),e.jsx("p",{className:"mt-5",children:e.jsx(h,{to:"/solutions/lead-management",children:"Explore WhatsApp Lead Management"})})]})]}),e.jsxs(n,{children:[e.jsx(i,{eyebrow:"For support teams",title:["WhatsApp Team Inbox","for Customer Support"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Customer support conversations can involve multiple stages."}),e.jsx("p",{children:"A customer may start with a general question and later require assistance from another team."}
1),e.jsx("p",{children:"A shared inbox can help support teams work through these interactions without requiring every customer conversation to remain with one person."}),e.jsx("p",{children:"Teams can use the shared environment to organize customer requests, continue existing discussions, and involve the appropriate person when additional expertise is required."})]})}),e.jsx("div",{className:"mt-10 text-center",children:e.jsx(h,{to:"/solutions/customer-support",children:"Explore Customer Support"})})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Keep Your Team Informed Without","Constant Internal Messages"],lead:e.jsx("p",{children:"Without shared visibility, employees may spend time asking each other:"})}),e.jsx("div",{className:"mt-10",children:e.jsx(re,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"A shared inbox can reduce some of this internal coordination by putting relevant conversation information in the same working environment."}),e.jsx("p",{children:"Your team can spend more time dealing with customers and less time figuring out who is responsible for each conversation."})]})]}),e.jsxs(n,{children:[e.jsx(i,{title:["Support Business Continuity","When People Change"],lead:e.jsx("p",{children:"Customer relationships shouldnât disappear when an employee changes roles."})}),e.jsx("div",{className:"mt-10",children:e.jsx(F,{columns:2,tiles:[{icon:P,title:"People take leave.",body:""},{icon:f,title:"Responsibilities move between departments.",body:""},{icon:E,title:"Teams grow.",body:""},{icon:u,title:"Employees leave.",body:""}]})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"A team inbox can help reduce dependence on one person being the only holder of a customer conversation."}),e.jsx("p",{children:"When the business maintains access to the appropriate conversation context, another authorized team member can take responsibility when required."})]})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Give Managers","Better Visibility"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Team leaders often need to understand the state of customer communication without asking every employee for individual updates."}),e.jsx("p",{children:"A shared inbox can provide a common environment for authorized managers and team members to understand which conversations are active and where attention may be required."}),e.jsx("p",{children:"This can help businesses identify:"})]})}),e.jsx("div",{className:"mt-10 max-w-3xl mx-auto rounded-3xl bg-white ring-1 ring-slate-200/80 p-6 sm:p-8",children:e.jsx(g,{items:["Conversations waiting for a response","Active customer discussions","Handoffs between team members","Areas where additional support may be needed","Customer communication that requires attention"]})}),e.jsx("p",{className:"mt-8 text-center text-base text-slate-700 max-w-2xl mx-auto",children:"The goal is better visibility without turning every customer conversation into a manual reporting exercise."})]}),e.jsxs(n,{children:[e.jsx(i,{title:["From Individual Chats to","Team-Based Communication"],lead:e.jsx("p",{children:"A traditional approach may look like:"})}),e.jsx("div",{className:"mt-10",children:e.jsx(oe,{})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"The employee still provides the personal interaction."}),e.jsx("p",{children:"But the organization has a stronger communication framework around that interaction."}),e.jsx("p",{children:"This can be particularly valuable for businesses where WhatsApp is an important customer service or sales channel."})]})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Connect Your Team Inbox","With Other ZunoPilot Features"],lead:e.jsx("p",{children:"The Team Inbox can work alongside other ZunoPilot capabilities without changing its primary purpose."})}),e.jsx("div",{className:"mt-10",children:e.jsx(le,{})})]}),e.jsxs(n,{children:[e.jsx(i,{title:["What a WhatsApp Team Inbox","Can Help Your Business Manage"]}),e.jsx("div",{className:"mt-10 max-w-4xl mx-auto",children:e.jsx(O,{head:["Challenge","Team Inbox approach"],rows:[["Several employees handle WhatsApp","Shared access for authorized users"],["Nobody knows who owns a conversation","Clearer responsibility"],["Two employees answer the same customer","Better team visibility"],["Employee becomes unavailable","Easier handoff"],["Customer repeats previous information","Conversation context c
1an remain available"],["Managers need visibility","Common working environment"],["Customer volume increases","More structured conversation management"],["Sales and support need to collaborate","Conversations can move between responsible teams"]]})})]}),e.jsxs(n,{tone:"tinted",children:[e.jsx(i,{title:["Is a WhatsApp Team Inbox","Right for Your Business?"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"A shared inbox becomes particularly useful when WhatsApp is no longer a one-person communication channel."}),e.jsx("p",{children:"Consider a team inbox if:"})]})}),e.jsx("div",{className:"mt-10 max-w-3xl mx-auto rounded-3xl bg-white ring-1 ring-slate-200/80 p-6 sm:p-8",children:e.jsx(g,{items:["Multiple employees answer customer WhatsApp messages.","Customers are contacting different employees about the same business.","Your team struggles to identify conversation ownership.","Customers sometimes receive duplicate responses.","Conversations need to move between departments.","Managers need better visibility into customer interactions.","Employees need to take over conversations from one another.","WhatsApp is becoming an important sales or support channel."]})}),e.jsxs("div",{className:"mt-8 max-w-2xl mx-auto space-y-3 text-center text-base text-slate-700",children:[e.jsx("p",{children:"For a business with only one person managing a small number of conversations, a team inbox may not be necessary."}),e.jsx("p",{children:"For growing customer-facing teams, it can provide a more organized way to work."})]}),e.jsx("div",{className:"mt-8 text-center",children:e.jsx(h,{to:"/pricing",children:"See ZunoPilot Pricing"})})]}),e.jsxs(n,{children:[e.jsx(i,{title:["WhatsApp Team Inbox for a More","Connected Customer Experience"],lead:e.jsxs(e.Fragment,{children:[e.jsx("p",{children:"Customers donât see your internal team structure."}),e.jsx("p",{children:"They simply expect the business to know what they previously discussed and provide a useful response."}),e.jsx("p",{children:"A shared inbox helps your organization work toward that experience by giving authorized employees a common environment for managing customer conversations."})]})}),e.jsx("div",{className:"mt-10",children:e.jsx(ce,{})}),e.jsx("p",{className:"mt-8 text-center text-base text-slate-700 max-w-2xl mx-auto",children:"Thatâs the purpose of a team-based WhatsApp inbox."})]}),e.jsx(R,{faqs:J}),e.jsx(M,{title:["Bring Your WhatsApp","Team Together"],body:["Give your sales, support, and customer-facing employees a shared environment for managing business WhatsApp conversations.","With ZunoPilot's WhatsApp Team Inbox, your team can work with greater visibility, clearer responsibility, and easier conversation handoffs."]}),e.jsx(B,{})]})}function X(){const a=[{icon:V,text:"Two employees responding to the same customer"},{icon:Z,text:"Messages waiting because nobody knows who owns them"},{icon:Y,text:"Employees searching for previous conversation details"},{icon:m,text:"Customers repeating information after a handoff"},{icon:D,text:"Managers having limited visibility into active conversations"}];return e.jsx(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(0,.08),className:"mx-auto grid max-w-5xl grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",children:a.map(s=>e.jsxs(t.li,{variants:o,whileHover:{y:-4},transition:p,className:"flex h-full items-start gap-3 rounded-2xl bg-white px-5 py-4 ring-1 ring-amber-200/80",children:[e.jsx("span",{"aria-hidden":!0,className:"mt-0.5 grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-amber-50 text-amber-600 ring-1 ring-amber-200",children:e.jsx(s.icon,{className:"h-[18px] w-[18px]"})}),e.jsx("span",{className:"text-[15px] leading-snug text-slate-800",children:s.text})]},s.text))})}function ee(){return e.jsxs("div",{className:"mx-auto grid max-w-4xl grid-cols-1 items-stretch gap-5 md:grid-cols-2",children:[e.jsx(c,{children:e.jsxs("div",{className:"flex h-full flex-col rounded-3xl bg-slate-50 p-6 ring-1 ring-slate-200",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-slate-500",children:"Individual messaging"}
1),e.jsxs("div",{"aria-hidden":!0,className:"mt-5 flex items-center gap-3",children:[e.jsx("span",{className:"grid h-11 w-11 place-items-center rounded-full bg-slate-200 text-slate-600",children:e.jsx(u,{className:"h-5 w-5"})}),e.jsx("span",{className:"h-px flex-1 bg-slate-300"}),e.jsx("span",{className:"grid h-11 w-11 place-items-center rounded-full bg-white text-slate-500 ring-1 ring-slate-200",children:e.jsx(m,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-5 text-[15px] leading-relaxed text-slate-700",children:"â One employee manages the conversation."})]})}),e.jsx(c,{delay:.12,children:e.jsxs("div",{className:"flex h-full flex-col rounded-3xl bg-white p-6 ring-1 ring-violet-300 shadow-lg shadow-violet-100",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-violet-600",children:"Team inbox"}),e.jsxs("div",{"aria-hidden":!0,className:"mt-5 flex items-center gap-3",children:[e.jsx("span",{className:"flex -space-x-2",children:[y,b,G].map((a,s)=>e.jsx(t.span,{initial:{opacity:0,scale:.7},whileInView:{opacity:1,scale:1},viewport:r,transition:{delay:.2+s*.09,...p},className:"grid h-11 w-11 place-items-center rounded-full bg-violet-600 text-white ring-2 ring-white",children:e.jsx(a,{className:"h-5 w-5"})},s))}),e.jsx("span",{className:"h-px flex-1 bg-violet-200"}),e.jsx("span",{className:"grid h-11 w-11 place-items-center rounded-full bg-violet-50 text-violet-600 ring-1 ring-violet-200",children:e.jsx(m,{className:"h-5 w-5"})})]}),e.jsx("p",{className:"mt-5 text-[15px] leading-relaxed text-slate-700",children:"â The business can coordinate who manages the conversation."})]})})]})}function se(){const a=[{icon:N,when:"A new conversation might belong to:",owner:"Sales"},{icon:b,when:"An existing customer issue might belong to:",owner:"Support"},{icon:v,when:"A service-related request might belong to:",owner:"Operations"}];return e.jsx(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(0,.1),className:"mx-auto grid max-w-5xl grid-cols-1 gap-5 md:grid-cols-3",children:a.map(s=>e.jsx(t.li,{variants:o,className:"h-full",children:e.jsxs(U,{className:"flex h-full flex-col rounded-3xl bg-white p-6 ring-1 ring-slate-200",children:[e.jsx("p",{className:"text-[15px] leading-snug text-slate-600",children:s.when}),e.jsx("span",{"aria-hidden":!0,className:"mt-4 block h-px w-full bg-slate-100"}),e.jsx(A,{icon:s.icon,as:"p",className:"mt-4 text-xl font-bold text-slate-900",children:s.owner})]})},s.owner))})}function te(){const a=[{owner:"Sales",icon:N,note:"A sales enquiry may become a support issue."},{owner:"Support",icon:b,note:"A support request may need help from operations."},{owner:"Operations",icon:v,note:"Another team member may need to continue the conversation."}];return e.jsxs("div",{className:"mx-auto max-w-3xl",children:[e.jsx(c,{children:e.jsx("p",{className:"mb-5 text-center text-[13px] font-semibold uppercase tracking-widest text-violet-600",children:"One conversation"})}),e.jsxs(t.ol,{initial:"hidden",whileInView:"show",viewport:r,variants:l(.1,.14),className:"relative space-y-4 pl-10",children:[e.jsx(t.span,{"aria-hidden":!0,initial:{scaleY:0},whileInView:{scaleY:1},viewport:r,transition:{duration:.9,ease:L},style:{originY:0},className:"absolute left-[15px] top-2 bottom-2 w-0.5 rounded-full bg-gradient-to-b from-violet-400 to-violet-200"}),a.map(s=>e.jsxs(t.li,{variants:o,className:"relative",children:[e.jsx("span",{"aria-hidden":!0,className:"absolute -left-10 top-4 grid h-8 w-8 place-items-center rounded-full bg-violet-600 text-white ring-4 ring-white",children:e.jsx(s.icon,{className:"h-4 w-4"})}),e.jsxs("div",{className:"rounded-2xl bg-white px-5 py-4 ring-1 ring-slate-200",children:[e.jsxs("p",{className:"text-[11px] font-bold uppercase tracking-widest text-violet-600",children:["Now with ",s.owner]}),e.jsx("p",{className:"mt-1.5 text-[15px] leading-snug text-slate-700",children:s.note})]})]},s.owner))]})]})}function ae(){const a=_();return e.jsxs("div",{className:"mx-auto grid max-w-5xl grid-cols-1 items-center gap-5 lg:grid-cols-[1fr_auto_1fr]",children:[e.jsx(t.ul,{initial:"hidden",
1whileInView:"show",viewport:r,variants:l(0,.12),className:"space-y-4",children:[{who:"Employee A",act:"replies to the customer.",icon:W},{who:"Employee B",act:"sees the same unanswered message and sends another response.",icon:u}].map(s=>e.jsxs(t.li,{variants:o,className:"flex items-start gap-3 rounded-2xl bg-white px-5 py-4 ring-1 ring-slate-200",children:[e.jsx("span",{"aria-hidden":!0,className:"mt-0.5 grid h-9 w-9 shrink-0 place-items-center rounded-xl bg-slate-100 text-slate-600",children:e.jsx(s.icon,{className:"h-[18px] w-[18px]"})}),e.jsxs("p",{className:"text-[15px] leading-snug text-slate-800",children:[e.jsxs("span",{className:"font-semibold text-slate-900",children:[s.who,":"]})," ",s.act]})]},s.who))}),e.jsx(c,{delay:.2,children:e.jsx("span",{"aria-hidden":!0,className:"mx-auto grid h-10 w-10 place-items-center rounded-full bg-amber-50 text-amber-600 ring-1 ring-amber-200 lg:rotate-0",children:e.jsx(x,{className:"h-5 w-5"})})}),e.jsx(c,{delay:.3,children:e.jsxs("div",{className:"rounded-3xl bg-white p-5 ring-1 ring-amber-300",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-amber-600",children:"What the customer sees"}),e.jsxs("div",{className:"mt-4 space-y-2",children:[e.jsx("div",{className:"max-w-[85%] rounded-2xl rounded-br-sm bg-slate-100 px-3.5 py-2.5",children:e.jsx("p",{className:"text-[14px] leading-snug text-slate-800",children:"Thanks for getting in touch â happy to help with that."})}),e.jsx(t.div,{initial:{opacity:0,x:-8},whileInView:{opacity:1,x:0},viewport:r,transition:{delay:.45,duration:.4},className:"max-w-[85%] rounded-2xl rounded-br-sm bg-amber-50 px-3.5 py-2.5 ring-1 ring-amber-200",children:e.jsx("p",{className:"text-[14px] leading-snug text-slate-800",children:"Hi! Thanks for getting in touch â how can I help?"})})]}),e.jsx("p",{className:"mt-4 text-[13px] font-medium text-amber-700",children:e.jsx(t.span,{animate:a?void 0:{opacity:[.65,1,.65]},transition:{duration:2.4,repeat:1/0,ease:"easeInOut"},children:"The customer now receives two messages from the same business."})})]})})]})}function ne(){const a=[{icon:m,title:"What was already discussed"},{icon:v,title:"What the customer asked for"},{icon:W,title:"Who handled it before"},{icon:T,title:"What the business agreed to"}];return e.jsx(c,{children:e.jsxs("div",{className:"mx-auto max-w-3xl overflow-hidden rounded-3xl bg-white ring-1 ring-slate-200",children:[e.jsxs("div",{className:"flex items-center gap-3 border-b border-slate-100 bg-slate-50/80 px-6 py-4",children:[e.jsx("span",{"aria-hidden":!0,className:"grid h-9 w-9 place-items-center rounded-xl bg-violet-600 text-white",children:e.jsx(y,{className:"h-[18px] w-[18px]"})}),e.jsx("p",{className:"text-[15px] font-semibold text-slate-900",children:"The next team member opens the conversation and can see"})]}),e.jsx(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(.1,.09),className:"divide-y divide-slate-100",children:a.map(s=>e.jsxs(t.li,{variants:o,className:"flex items-center gap-3 px-6 py-4",children:[e.jsx("span",{"aria-hidden":!0,className:"text-violet-600",children:e.jsx(s.icon,{className:"h-[18px] w-[18px]"})}),e.jsx("span",{className:"text-[15px] text-slate-800",children:s.title})]},s.title))}),e.jsx("p",{className:"border-t border-slate-100 bg-white px-6 py-4 text-[14px] text-slate-600",children:"Rather than: âCould you explain the whole thing again?â"})]})})}function ie(){const a=["New enquiry","Sales team sees the conversation","Appropriate representative takes responsibility","Customer receives a response","Another representative can continue when required"];return e.jsx(t.ol,{initial:"hidden",whileInView:"show",viewport:r,variants:l(0,.09),className:"mx-auto flex max-w-6xl flex-col items-stretch gap-3 lg:flex-row lg:items-center",children:a.map((s,d)=>e.jsxs(t.li,{variants:o,className:"flex flex-1 items-center gap-3",children:[e.jsxs("div",{className:"flex h-full w-full flex-col justify-center rounded-2xl bg-white px-4 py-4 text-center ring-1 ring-slate-200",children:[e.jsx("span",{className:"text-[11px] font-bold text-violet-600",children:String(d+1).padStart(2,"0")}),e.jsx("span",{className:"mt-1.5 text-[14px] font-medium leading-snug text-slate-800",children:s})]}
1),d<a.length-1&&e.jsx(x,{"aria-hidden":!0,className:"h-5 w-5 shrink-0 rotate-90 text-violet-300 lg:rotate-0"})]},s))})}function re(){const a=["Did you reply to this customer?","Who is handling this?","Can you send me the previous messages?","Has this issue been resolved?"];return e.jsx(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(0,.1),className:"mx-auto grid max-w-3xl grid-cols-1 gap-3 sm:grid-cols-2",children:a.map((s,d)=>e.jsx(t.li,{variants:o,className:`rounded-2xl bg-slate-100 px-5 py-3.5 ${d%2===0?"rounded-tl-sm":"rounded-tr-sm sm:ml-4"}`,children:e.jsxs("p",{className:"text-[15px] text-slate-700",children:["â",s,"â"]})},s))})}function oe(){const a=({nodes:s,tone:d})=>e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:s.map((w,k)=>e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:`rounded-xl px-3.5 py-2 text-[13px] font-semibold ring-1 ${d==="brand"?"bg-violet-50 text-violet-700 ring-violet-200":"bg-slate-100 text-slate-600 ring-slate-200"}`,children:w}),k<s.length-1&&e.jsx(x,{"aria-hidden":!0,className:`h-4 w-4 ${d==="brand"?"text-violet-400":"text-slate-300"}`})]},w))});return e.jsxs("div",{className:"mx-auto max-w-3xl space-y-5",children:[e.jsx(c,{children:e.jsxs("div",{className:"rounded-3xl bg-slate-50 p-6 ring-1 ring-slate-200",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-slate-500",children:"A traditional approach"}),e.jsx("div",{className:"mt-4",children:e.jsx(a,{nodes:["Customer","Employee","Customer"],tone:"muted"})}),e.jsx("p",{className:"mt-4 text-[15px] leading-relaxed text-slate-700",children:"The entire relationship depends heavily on that employee."})]})}),e.jsx(c,{delay:.14,children:e.jsxs("div",{className:"rounded-3xl bg-white p-6 ring-1 ring-violet-300 shadow-lg shadow-violet-100",children:[e.jsx("p",{className:"text-[11px] font-bold uppercase tracking-widest text-violet-600",children:"A team-based approach"}),e.jsx("div",{className:"mt-4",children:e.jsx(a,{nodes:["Customer","Business WhatsApp","Team Inbox","Responsible employee"],tone:"brand"})})]})})]})}function le(){const a=[{icon:f,title:"WhatsApp Automation",body:"Use automation for suitable recurring processes while your team handles conversations that need human involvement.",label:"WhatsApp Automation",href:"/features/whatsapp-automation"},{icon:Q,title:"AI WhatsApp Automation",body:"Add AI assistance to appropriate customer interactions while keeping human team members available when required.",label:"AI WhatsApp Automation",href:"/features/ai-whatsapp-automation"},{icon:$,title:"WhatsApp Campaigns",body:"When customers respond to campaign communication, those conversations can become part of the team's customer communication workflow.",label:"WhatsApp Campaigns",href:"/features/whatsapp-campaigns"},{icon:T,title:"WhatsApp Number Masking",body:"Use number-management capabilities alongside team communication where supported by your ZunoPilot setup.",label:"WhatsApp Number Masking",href:"/features/whatsapp-number-masking"}];return e.jsxs(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(0,.08),className:"mx-auto grid max-w-5xl grid-cols-1 gap-5 sm:grid-cols-2",children:[a.map(s=>e.jsx(t.li,{variants:o,className:"h-full",children:e.jsx(j,{to:s.href,className:"group block h-full",children:e.jsxs(t.div,{whileHover:{y:-6,boxShadow:"0 18px 40px -14px rgb(96 73 231 / 0.22)"},whileTap:{scale:.99},transition:p,className:"flex h-full flex-col rounded-3xl bg-white p-6 ring-1 ring-slate-200",children:[e.jsx(A,{icon:s.icon,as:"h3",className:"text-lg font-bold text-slate-900",children:s.title}),e.jsx("p",{className:"mt-3 flex-1 text-[15px] leading-relaxed text-slate-700",children:s.body}),e.jsxs("span",{className:"mt-5 inline-flex items-center gap-2 text-[15px] font-semibold text-violet-600",children:[s.label,e.jsx(x,{className:"h-4 w-4 transition-transform group-hover:translate-x-1"})]})]})})},s.href)),e.jsx(t.li,{variants:o,className:"sm:col-span-2",children:e.jsxs("p",{className:"rounded-2xl bg-slate-50 px-5 py-4 text-[15px] text-slate-700 ring-1 ring-slate-200",children:["Connecting WhatsApp to your own systems and integrations?"," ",e.jsx(j,{to:"/features/whatsapp-business-api",className:"font-semibold text-violet-600 underline underline-offset-4 hover:text-violet-700",children:"WhatsApp Business API"})]})})]})}function ce(){const a=[{icon:u,text:"One customer."},{icon:m,text:"One conversation."},{icon:K,text:"The right team member."}];
1return e.jsx(t.ul,{initial:"hidden",whileInView:"show",viewport:r,variants:l(.05,.14),className:"mx-auto grid max-w-4xl grid-cols-1 gap-4 sm:grid-cols-3",children:a.map(s=>e.jsxs(t.li,{variants:o,whileHover:{y:-4},transition:p,className:"rounded-3xl bg-gradient-to-br from-violet-50 to-white p-6 text-center ring-1 ring-violet-200/80",children:[e.jsx("span",{"aria-hidden":!0,className:"mx-auto grid h-11 w-11 place-items-center rounded-2xl bg-violet-600 text-white",children:e.jsx(s.icon,{className:"h-5 w-5"})}),e.jsx("p",{className:"mt-4 text-lg font-bold text-slate-900",children:s.text})]},s.text))})}export{he 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.