https://www.vobiz.ai/assets/WhatsappMessage-DtVkzTJi.js

1import{r as l,o,j as e,p as c,k as s,v as d,F as g}from"./index-Cl5MfjTA.js";import{B as m}from"./button-B_BKg1d8.js";import{u as p}from"./use-theme-B5l6u2US.js";import{C as n}from"./CapabilityCard-D2w7Jj92.js";const h=[{value:"<2s",label:"Message Delivery Time"},{value:"99.9%",label:"Delivery Success Rate"},{value:"100K+",label:"Messages / Min Capacity"},{value:"Global",label:"WhatsApp Reach"}],w=()=>{const i=p();return l.useEffect(()=>{window.scrollTo(0,0)},[]),o({canonicalPath:"/products/whatsapp-message",title:"WhatsApp Messaging API | Vobiz",description:"Build scalable WhatsApp messaging experiences with reliable APIs, real-time connectivity, and high-performance infrastructure."}),e.jsxs("div",{className:`min-h-screen ${i==="dark"?"dark bg-[#050505] text-white":"bg-white text-[#100703]"} transition-colors duration-300 font-sans`,children:[e.jsx(c,{}),e.jsxs("main",{className:"pt-20",children:[e.jsx("section",{className:"relative pt-12 lg:pt-20 pb-32 lg:pb-36 overflow-hidden transition-colors",style:{background:i==="dark"?"#050505":"#FFF",boxShadow:i==="dark"?"0 -1px 80px 0 rgba(232, 60, 0, 0.05) inset":"0 -1px 80px 0 rgba(238, 93, 0, 0.15) inset"},children:e.jsx("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 lg:px-12 relative z-10 w-full",children:e.jsxs("div",{className:"flex flex-col lg:grid lg:grid-cols-2 gap-12 lg:gap-20 items-center min-w-0",children:[e.jsxs("div",{className:"order-1 lg:max-w-3xl flex flex-col items-center lg:items-start w-full",children:[e.jsxs("h1",{className:"mb-8 text-[2.25rem] lg:text-[3.5rem] text-center lg:text-left",style:{color:i==="dark"?"#FFF":"#100703",fontFamily:'"Spline Sans", sans-serif',fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:[e.jsx("span",{className:"sr-only",children:"WhatsApp Business Messaging API | Vobiz"}),e.jsxs(s.span,{initial:{opacity:1},animate:{opacity:1},transition:{duration:.4},children:["Build Scalable WhatsApp ",e.jsx("br",{className:"hidden lg:block"})," Messaging Experiences"]})]}),e.jsx(s.p,{initial:{opacity:1},animate:{opacity:1},transition:{duration:.4,delay:.1},className:"mb-10 max-w-xl mx-auto lg:mx-0 text-center lg:text-left text-[15px] lg:text-[1.125rem]",style:{color:i==="dark"?"rgba(255,255,255,0.7)":"#726863",fontFamily:'"Spline Sans", sans-serif',fontWeight:400,lineHeight:"150%",letterSpacing:"-0.0225rem"},children:"Send, receive, and automate WhatsApp messages using reliable APIs and scalable messaging infrastructure built for performance."}),e.jsxs(s.div,{initial:{opacity:1},animate:{opacity:1},transition:{duration:.4,delay:.2},className:"flex flex-wrap gap-4 items-center justify-center lg:justify-start",children:[e.jsx("a",{href:"https://vobiz.ai/docs/whatsapp/api/send-message",style:{display:"flex",height:"48px",padding:"0 28px",justifyContent:"center",alignItems:"center",gap:"10px",borderRadius:"4px",border:"1px solid #E83C00",background:i==="dark"?"transparent":"#FFF",color:"#E83C00",fontFamily:'"Spline Sans", sans-serif',fontSize:"14px",fontWeight:500,lineHeight:"150%",letterSpacing:"-0.28px",textTransform:"uppercase"},className:"hover:bg-orange-50 dark:hover:bg-orange-900/10 transition-colors border-[1.5px]",children:"Read the Docs"}),e.jsx(m,{asChild:!0,style:{height:"48px",padding:"0 32px",borderRadius:"4px",background:"#E83C00",color:"#FFF",fontFamily:'"Spline Sans", sans-serif',fontSize:"14px",fontWeight:500,lineHeight:"150%",letterSpacing:"-0.28px",textTransform:"uppercase"},className:"hover:opacity-90 transition-all shadow-lg active:scale-95 border-none",children:e.jsx("a",{href:"https://console.vobiz.ai/auth/signup/",children:"Let's Get Started"})})]})]}),e.jsx(s.div,{initial:{opacity:1},animate:{opacity:1,scale:1},transition:{duration:1,ease:[.16,1,.3,1]},className:"order-2 flex justify-center lg:justify-end items-center w-full min-w-0",children:e.jsx("img",{src:"/whatsappmessage/whatsapphero.svg",alt:"WhatsApp Message Hero",className:"w-full h-auto object-contain"})})]})})}),e.jsx("section",{className:"relative -mt-16 lg:-mt-24 z-20 pb-12 overflow-hidden flex justify-center",children:e.jsx("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 w-full",children:e.jsx("div",{className:"bg-white dark:bg-white/5 rounded-2xl border border-[#F2F4F7] dark:border-white/10 p-8 lg:p-10 grid grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 shadow-[0px_40px_100px_0px_rgba(16,7,3,0.06)] select-none",children:h.map((a,t)=>e.jsxs(s.div,{initial:{opacity:1}

1,animate:{opacity:1},transition:{duration:.5,delay:.3+t*.1},className:"flex flex-col items-center lg:items-start text-center lg:text-left",children:[e.jsx("div",{className:"mb-2 whitespace-nowrap text-[22px] lg:text-[48px]",style:{color:i==="dark"?"#FFF":"#100703",fontFamily:'"Spline Sans", sans-serif',fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:a.value}),e.jsx("div",{style:{color:i==="dark"?"rgba(255,255,255,0.7)":"#475467",fontFamily:'"Spline Sans", sans-serif',fontSize:"14px",fontWeight:400,lineHeight:"150%"},children:a.label})]},a.label))})})}),e.jsx("section",{className:`py-12 lg:py-16 ${i==="dark"?"bg-[#050505]":"bg-white"} overflow-hidden transition-colors`,children:e.jsxs("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 lg:px-12 relative z-10 w-full text-left",children:[e.jsxs("div",{className:"mb-16",children:[e.jsx(s.h2,{initial:{opacity:1},transition:{duration:.6},className:"mb-4 text-[#100703] dark:text-white",style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"2.375rem",fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:"Core Capabilities Built for Scale"}),e.jsx(s.p,{initial:{opacity:1},transition:{duration:.6,delay:.1},className:"text-lg text-[#475467] dark:text-zinc-400 leading-relaxed max-w-4xl",children:"Everything you need to build, control, and scale reliable voice infrastructure with performance, security, and flexibility at its core."})]}),e.jsx("div",{className:`mt-6 lg:mt-8 ${i==="dark"?"bg-white/5":"bg-[#F9FAFB]"} border ${i==="dark"?"border-white/10":"border-[#F2F4F7]"} rounded-none p-6 lg:p-10`,children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-6",children:[e.jsx("div",{className:"lg:col-span-6",children:e.jsx(n,{title:"Two-Way Messaging Support",description:"Enable real-time conversations by sending and receiving WhatsApp messages seamlessly across customer interactions and workflows.",image:"/whatsappmessaging/twowaymessging.svg",aspect:"aspect-video lg:aspect-[21/9]"})}),e.jsx("div",{className:"lg:col-span-6",children:e.jsx(n,{title:"Template-Based Messaging System",description:"Send approved WhatsApp templates for notifications, alerts, and transactional communication with compliance and reliability built-in.",image:"/whatsappmessaging/empalte.svg",aspect:"aspect-video lg:aspect-[21/9]"})})]}),e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-6",children:[e.jsx(n,{title:"Real-Time Event Webhooks",description:"Trigger workflows using delivery reports, user replies, and message events for automated communication handling systems.",image:"/whatsappmessaging/realtimevent.svg"}),e.jsx(n,{title:"Media and Interactive Messaging",description:"Send images, documents, buttons, and interactive messages to enhance engagement and improve communication experiences.",image:"/whatsappmessaging/edaiandinteractive.svg"}),e.jsx(n,{title:"Scalable Messaging Infrastructure",description:"Handle high message volumes with infrastructure optimized for fast delivery, reliability, and consistent performance at scale.",image:"/whatsappmessaging/calablemesssaging.svg"})]})]})})]})}),e.jsx("section",{className:`py-12 lg:py-24 ${i==="dark"?"bg-[#050505]":"bg-[#0D0703]"} overflow-hidden transition-colors text-white`,children:e.jsx("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 lg:px-12 relative z-10 w-full mb-0",children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 items-stretch border-y border-white/10",children:[e.jsxs("div",{className:"lg:col-span-6 py-12 lg:py-16 xl:py-24 lg:pr-16 xl:pr-24 flex flex-col justify-center",children:[e.jsx(s.h2,{initial:{opacity:1},transition:{duration:.6},className:"mb-6 lg:mb-8",style:{color:"#FFFFFF",fontFamily:'"Spline Sans", sans-serif',fontSize:"2.375rem",fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:"What You Can Do with Vobiz WhatsApp Message"}),e.jsx(s.p,{initial:{opacity:1},transition:{duration:.6,delay:.1},className:"text-lg text-[#9CA3AF] leading-relaxed max-w-xl",style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"17px",fontWeight:400,lineHeight:"150%",letterSpacing:"-0.02rem",color:"rgba(255, 255, 255, 0.6)"},children:"Connect your VoIP systems, route calls seamlessly, scale concurrency instantly, and integrate with AI voice agents—all with reliable, low-latency infrastru

1cture."})]}),e.jsx("div",{className:"lg:col-span-6 flex flex-col border-t lg:border-t-0 lg:border-l border-white/10",children:["Send transactional notifications like OTPs, updates, and alerts instantly","Enable two-way customer conversations through WhatsApp messaging","Automate workflows using message triggers and user responses","Share media, documents, and interactive content with users","Track message delivery, status, and engagement in real time"].map((a,t,r)=>e.jsxs(s.div,{initial:{opacity:1},transition:{duration:.5,delay:t*.1},className:`group flex items-center gap-5 p-6 lg:px-10 lg:py-8 flex-1 ${t!==r.length-1?"border-b border-white/10":""}`,children:[e.jsx(d,{className:"w-5 h-5 text-[#E83C00] shrink-0 stroke-[1.5]"}),e.jsx("span",{className:"text-[17px] font-medium text-white/90 group-hover:text-white transition-colors tracking-tight",style:{fontFamily:'"Spline Sans", sans-serif'},children:a})]},t))})]})})}),e.jsx("section",{className:`py-12 lg:py-24 ${i==="dark"?"bg-[#050505]":"bg-white"} overflow-hidden transition-colors`,children:e.jsxs("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 lg:px-12 relative z-10 w-full text-left",children:[e.jsxs("div",{className:"mb-20",children:[e.jsx(s.h2,{initial:{opacity:1},transition:{duration:.6},className:"mb-4 text-[#100703] dark:text-white",style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"2.375rem",fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:"Everything You Need to Build WhatsApp Messaging"}),e.jsx(s.p,{initial:{opacity:1},transition:{duration:.6,delay:.1},className:"text-lg text-[#475467] dark:text-zinc-400 leading-relaxed max-w-2xl",children:"A complete set of tools and infrastructure to build, manage, and scale voice applications with reliability, flexibility, and performance."})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-0 border border-[#F2F4F7] dark:border-white/10 rounded-[2rem] overflow-hidden",children:[{title:"Unified Messaging API Layer",desc:"Control WhatsApp messaging using APIs for sending, receiving, and managing interactions.",icon:"/everythinguneedtobuildmessaging/unifiedmessagingapilayer.svg"},{title:"Real-Time Messaging Infrastructure",desc:"Ensure fast and reliable message delivery with optimized infrastructure and routing systems.",icon:"/everythinguneedtobuildmessaging/realtimemessaginginfra.svg"},{title:"Flexible Workflow Automation",desc:"Automate messaging flows, responses, and triggers using programmable logic.",icon:"/everythinguneedtobuildmessaging/Frame-2.svg"},{title:"Scalable Performance Architecture",desc:"Support growing messaging volumes with infrastructure for consistent performance and reliability.",icon:"/everythinguneedtobuildmessaging/calableperformancearchitecture.svg"}].map((a,t)=>e.jsxs("div",{className:"p-12 lg:p-16 border-r border-b border-[#F2F4F7] dark:border-white/10 last:border-r-0 odd:border-r flex flex-col items-center text-center group hover:bg-zinc-50/5 transition-colors relative overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 z-0 opacity-0 group-hover:opacity-100 transition-all duration-700 pointer-events-none",style:{backgroundImage:'url("/texture.svg")',backgroundSize:"cover",backgroundPosition:"center"}}),e.jsx("div",{className:"w-16 h-16 rounded-xl bg-orange-50 dark:bg-white/5 flex items-center justify-center p-4 mb-8 group-hover:scale-110 transition-transform relative z-10",children:e.jsx("img",{src:a.icon,alt:a.title,className:"w-full h-full object-contain"})}),e.jsx("h3",{className:"text-2xl font-semibold mb-4 text-[#100703] dark:text-white relative z-10",children:a.title}),e.jsx("p",{className:"text-[#475467] dark:text-zinc-400 leading-relaxed max-w-sm relative z-10",children:a.desc})]},t))})]})}),e.jsx("section",{className:`py-12 lg:py-24 ${i==="dark"?"bg-[#050505]":"bg-white"} transition-colors`,children:e.jsxs("div",{className:"max-w-[var(--section-max-width)] mx-auto px-6 lg:px-12 relative z-10 w-full mb-0 overflow-hidden",children:[e.jsxs("div",{className:"mb-16",children:[e.jsx(s.h2,{initial:{opacity:1},transition:{duration:.6},className:"mb-4 text-[#100703] dark:text-white",style:{fontFamily:'"Spline Sans", sans-serif',fontSize:"2.375rem",fontWeight:500,lineHeight:"110%",letterSpacing:"-1.04px"},children:"Why Choose Vobiz WhatsApp Message"}),e.jsx(s.p,{initial:{opacity:1},transition:{duration:.6,delay:.1},className:"text-lg text-[#475467] dark:text-zinc-400 leading-relaxed max-w-4xl",children:"Built for modern voice applications with low latency, high reliability, and seamless integration into AI-driven and programmable communication workflows."})]}),e.jsxs("div",{className:"relative pt-4 flex overflow-hidden group select-none",children:[e.jsx(s.div,{animate:{x:["0%","-100%"]},transition:{duration:25,ease:"linear",repeat:1/0},className:"flex gap-6 pr-6 w-max shrink-0",children:[{title:"Built for Two-Way Messaging",desc:"Enable seamless conversations with real-time sending and receiving capabilities.",icon:"/whatsappmessageicons/builtfortwoway.svg"},{title:"Reliable Message Delivery System",desc:"Ensure high delivery rates with optimized infrastru

1cture and routing mechanisms.",icon:"/whatsappmessageicons/eliablemessagedeliverysystem.svg"},{title:"Flexible API-Based Integration",desc:"Integrate messaging features easily using developer-friendly APIs and tools.",icon:"/whatsappmessageicons/flexibleapibased.svg"},{title:"Secure and Compliant Messaging",desc:"Protect user data with secure protocols and compliance-ready infrastructure.",icon:"/whatsappmessageicons/secureandcompliant.svg"},{title:"Scalable Messaging Infrastructure",desc:"Handle high message volumes without compromising speed or performance.",icon:"/whatsappmessageicons/calable.svg"}].map((a,t)=>e.jsxs("div",{className:"shrink-0 flex items-start gap-4 p-6 rounded-xl bg-[#F2F4F7] dark:bg-white/5 w-[85vw] sm:w-[28rem] max-w-full",children:[e.jsx("div",{className:"shrink-0 w-12 h-12 rounded-xl bg-white dark:bg-white/10 flex items-center justify-center shadow-sm border border-[#EBEBEB] dark:border-white/5",children:e.jsx("img",{src:a.icon,alt:a.title,className:"w-6 h-6"})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("h3",{className:"text-[#100703] dark:text-white text-[1.125rem] font-semibold leading-[150%] tracking-tight",style:{fontFamily:'"Spline Sans", sans-serif'},children:a.title}),e.jsx("p",{className:"text-[#475467] dark:text-zinc-400 text-[0.9375rem] leading-[150%]",style:{fontFamily:'"Spline Sans", sans-serif'},children:a.desc})]})]},`${a.title}-${t}`))}),e.jsx(s.div,{animate:{x:["0%","-100%"]},transition:{duration:25,ease:"linear",repeat:1/0},className:"flex gap-6 pr-6 w-max shrink-0",children:[{title:"Built for Two-Way Messaging",desc:"Enable seamless conversations with real-time sending and receiving capabilities.",icon:"/whatsappmessageicons/builtfortwoway.svg"},{title:"Reliable Message Delivery System",desc:"Ensure high delivery rates with optimized infrastructure and routing mechanisms.",icon:"/whatsappmessageicons/eliablemessagedeliverysystem.svg"},{title:"Flexible API-Based Integration",desc:"Integrate messaging features easily using developer-friendly APIs and tools.",icon:"/whatsappmessageicons/flexibleapibased.svg"},{title:"Secure and Compliant Messaging",desc:"Protect user data with secure protocols and compliance-ready infrastructure.",icon:"/whatsappmessageicons/secureandcompliant.svg"},{title:"Scalable Messaging Infrastructure",desc:"Handle high message volumes without compromising speed or performance.",icon:"/whatsappmessageicons/calable.svg"}].map((a,t)=>e.jsxs("div",{className:"shrink-0 flex items-start gap-4 p-6 rounded-xl bg-[#F2F4F7] dark:bg-white/5 w-[85vw] sm:w-[28rem] max-w-full",children:[e.jsx("div",{className:"shrink-0 w-12 h-12 rounded-xl bg-white dark:bg-white/10 flex items-center justify-center shadow-sm border border-[#EBEBEB] dark:border-white/5",children:e.jsx("img",{src:a.icon,alt:a.title,className:"w-6 h-6"})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("h3",{className:"text-[#100703] dark:text-white text-[1.125rem] font-semibold leading-[150%] tracking-tight",style:{fontFamily:'"Spline Sans", sans-serif'},children:a.title}),e.jsx("p",{className:"text-[#475467] dark:text-zinc-400 text-[0.9375rem] leading-[150%]",style:{fontFamily:'"Spline Sans", sans-serif'},children:a.desc})]})]},`${a.title}-${t}-dup`))})]})]})}),e.jsx("section",{className:"py-20 lg:py-32 px-6",children:e.jsx("div",{className:"max-w-[var(--section-max-width)] mx-auto text-center",children:e.jsx(s.div,{initial:{opacity:1},className:"relative overflow-hidden mx-auto flex flex-col items-center justify-center text-center text-white py-12",style:{width:"100%",minHeight:"21.625rem",borderRadius:"0.75rem",background:'url("/background.svg") center/cover no-repeat',boxShadow:"0 20px 80px rgba(232, 60, 0, 0.15)"},children:e.jsxs("div",{className:"relative z-10 max-w-4xl mx-auto space-y-6 px-6",children:[e.jsx("h2",{className:"font-medium tracking-tight leading-tight",style:{fontSize:"clamp(1.5rem, 3vw, 2.375rem)",color:"#FFF",fontFamily:'"Spline Sans", sans-serif'},children:"Start Building with WhatsApp Messaging"}),e.jsx("p",{className:"text-lg lg:text-xl text-white/90 max-w-2xl mx-auto font-normal",style:{color:"rgba(255, 255, 255, 0.9)",fontFamily:'"Spline Sans", sans-serif'},children:"Integrate WhatsApp messaging into your applications and automate communication workflows with ease."}),e.jsxs("div",{className:"flex flex-wrap gap-[0.625rem] justify-center items-center pt-2",children:[e.jsx("a",{href:"https://vobiz.ai/docs/whatsapp/api/send-message",className:"flex justify-center items-center font-medium uppercase tracking-tight transition-all duration-300 border border-white",style:{height:"3rem",padding:"0.625rem 1.25rem",gap:"0.625rem",borderRadius:"0.25rem",color:"white",fontSize:"14px",fontFamily:'"Spline Sans", sans-serif'},children:"View Docs"}),e.jsx("a",{href:"https://console.vobiz.ai/auth/signup/",className:"flex justify-center items-center font-medium uppercase tracking-tight transition-all duration-300 hover:opacity-90",style:{height:"3rem",padding:"0.625rem 1.25rem",gap:"0.625rem",borderRadius:"0.25rem",background:"#F2F4F7",color:"#E83C00",fontSize:"14px",fontFamily:'"Spline Sans", sans-serif'},children:"Get Started"})]})]})})})})]}),e.jsx(g,{})]})};export{w as default};