1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,39244,e=>{"use strict";var t=e.i(43476),a=e.i(71645),i=e.i(74080),s=e.i(46932),r=e.i(57688),n=e.i(22016),o=e.i(64659),l=e.i(72520),d=e.i(68127);let c=[{name:"Node.js",icon:d.SiNodedotjs},{name:"Python",icon:d.SiPython},{name:"Go",icon:d.SiGo},{name:"PHP",icon:d.SiPhp},{name:"Ruby",icon:d.SiRuby},{name:"Rust",icon:d.SiRust},{name:"Kotlin",icon:d.SiKotlin},{name:"Dart",icon:d.SiDart},{name:"C++",icon:d.SiCplusplus},{name:"Swift",icon:d.SiSwift},{name:"Elixir",icon:d.SiElixir}],m=[{name:"SendGrid",href:"/sendgrid-alternative"},{name:"Resend",href:"/resend-alternative"},{name:"Postmark",href:"/postmark-alternative"},{name:"Amazon SES",href:"/aws-ses-alternative"},{name:"Mailgun",href:"/mailgun-alternative"}];function u(){let[e,s]=(0,a.useState)(!1),[r,l]=(0,a.useState)(null),[d,c]=(0,a.useState)(!1),[u,p]=(0,a.useState)(null),h=(0,a.useRef)(null),g=(0,a.useRef)(null);return(0,a.useEffect)(()=>c(!0),[]),(0,a.useLayoutEffect)(()=>{if(e&&h.current)return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t);function t(){if(!h.current)return;let e=h.current.getBoundingClientRect(),t=42*m.length,a=window.innerHeight-e.bottom,i=e.top;p(a<t+8&&i>a?{left:e.left,width:e.width,bottom:window.innerHeight-e.top+8}:{left:e.left,width:e.width,top:e.bottom+8})}},[e]),(0,a.useEffect)(()=>{function e(e){let t=e.target;h.current&&!h.current.contains(t)&&g.current&&!g.current.contains(t)&&s(!1)}function t(){s(!1)}return document.addEventListener("mousedown",e),window.addEventListener("scroll",t,!0),()=>{document.removeEventListener("mousedown",e),window.removeEventListener("scroll",t,!0)}},[]),(0,t.jsxs)("div",{className:"relative w-full sm:w-auto sm:min-w-[220px] shrink-0",children:[(0,t.jsxs)("button",{ref:h,type:"button",onClick:()=>s(e=>!e),className:"w-full flex items-center justify-between gap-3 rounded-md border border-appdarkred bg-appred text-verylightred hover:bg-appdarkred hover:text-verylightred transition-all duration-300 select-none pl-7 pr-4 py-4 min-[480px]:pl-8 min-[480px]:py-3.5 text-base font-medium outline-none cursor-pointer",style:{fontFamily:"var(--font-inter), Inter, sans-serif"},children:[r??"I'm switching from...",(0,t.jsx)(o.ChevronDown,{className:`w-4 h-4 shrink-0 transition-transform duration-200 ${e?"rotate-180":""}`})]}),d&&e&&u&&(0,i.createPortal)((0,t.jsx)("div",{ref:g,className:"fixed z-[100] rounded-md border border-appdarkred bg-verylightred overflow-hidden shadow-lg",style:{left:u.left,width:u.width,top:u.top,bottom:u.bottom},children:m.map(e=>(0,t.jsx)(n.default,{href:e.href,onClick:()=>{l(e.name),s(!1)},className:"block w-full text-left px-5 py-2.5 text-sm font-medium text-appdarkred bg-verylightred hover:bg-appred hover:text-verylightred transition-colors duration-150",style:{fontFamily:"var(--font-inter), Inter, sans-serif"},children:e.name},e.name))}),document.body)]})}e.s(["default",0,function(){return(0,t.jsxs)("section",{className:"relative py-40 bg-appdarkred overflow-hidden",children:[(0,t.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,t.jsx)(s.motion.div,{className:"absolute top-10 left-10 w-1 h-1 bg-white rounded-full",animate:{y:[0,-20,0],opacity:[.3,1,.3]},transition:{duration:4,repeat:1/0,ease:"easeInOut"}}),(0,t.jsx)(s.motion.div,{className:"absolute top-20 right-16 w-1.5 h-1.5 bg-white rounded-full",animate:{y:[0,15,0],opacity:[.5,1,.5]},transition:{duration:3.5,repeat:1/0,ease:"easeInOut",delay:1}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-32 left-20 w-1 h-1 bg-white rounded-full",animate:{y:[0,-25,0],opacity:[.4,1,.4]},transition:{duration:5,repeat:1/0,ease:"easeInOut",delay:2}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-20 right-32 w-1.5 h-1.5 bg-white rounded-full",animate:{y:[0,18,0],opacity:[.3,.8,.3]},transition:{duration:4.5,repeat:1/0,ease:"easeInOut",delay:.5}}),(0,t.jsx)(s.motion.div,{className:"absolute top-16 left-1/4 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.2,1,.2]},transition:{duration:2.5,repeat:1/0,ease:"easeInOut",delay:.3}}),(0,t.jsx)(s.motion.div,{className:"absolute top-32 right-1/3 w-1 h-1 bg-white rounded-full",animate:{o
1pacity:[.1,.9,.1]},transition:{duration:3.2,repeat:1/0,ease:"easeInOut",delay:1.8}}),(0,t.jsx)(s.motion.div,{className:"absolute top-40 left-1/3 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.3,1,.3]},transition:{duration:2.8,repeat:1/0,ease:"easeInOut",delay:2.2}}),(0,t.jsx)(s.motion.div,{className:"absolute top-48 right-1/4 w-1 h-1 bg-white rounded-full",animate:{opacity:[.2,.8,.2]},transition:{duration:4.1,repeat:1/0,ease:"easeInOut",delay:.7}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-40 left-1/5 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.4,1,.4]},transition:{duration:3.6,repeat:1/0,ease:"easeInOut",delay:1.2}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-48 right-1/5 w-1 h-1 bg-white rounded-full",animate:{opacity:[.1,.7,.1]},transition:{duration:2.9,repeat:1/0,ease:"easeInOut",delay:.9}}),(0,t.jsx)(s.motion.div,{className:"absolute top-24 left-2/3 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.3,.9,.3]},transition:{duration:3.4,repeat:1/0,ease:"easeInOut",delay:1.5}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-36 left-2/3 w-1 h-1 bg-white rounded-full",animate:{opacity:[.2,1,.2]},transition:{duration:4.3,repeat:1/0,ease:"easeInOut",delay:2.5}}),(0,t.jsx)(s.motion.div,{className:"absolute top-36 right-2/3 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.1,.8,.1]},transition:{duration:2.7,repeat:1/0,ease:"easeInOut",delay:.4}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-28 right-2/3 w-1 h-1 bg-white rounded-full",animate:{opacity:[.4,.9,.4]},transition:{duration:3.8,repeat:1/0,ease:"easeInOut",delay:1.7}}),(0,t.jsx)(s.motion.div,{className:"absolute top-28 left-1/2 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.2,1,.2]},transition:{duration:3.1,repeat:1/0,ease:"easeInOut",delay:2.8}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-44 right-1/2 w-1 h-1 bg-white rounded-full",animate:{opacity:[.3,.8,.3]},transition:{duration:2.6,repeat:1/0,ease:"easeInOut",delay:.6}}),(0,t.jsx)(s.motion.div,{className:"absolute top-8 left-1/6 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.1,.9,.1]},transition:{duration:3.3,repeat:1/0,ease:"easeInOut",delay:.8}}),(0,t.jsx)(s.motion.div,{className:"absolute top-52 right-1/6 w-1 h-1 bg-white rounded-full",animate:{opacity:[.2,1,.2]},transition:{duration:2.4,repeat:1/0,ease:"easeInOut",delay:1.6}}),(0,t.jsx)(s.motion.div,{className:"absolute top-44 left-3/4 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.3,.7,.3]},transition:{duration:4.2,repeat:1/0,ease:"easeInOut",delay:2.1}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-52 right-3/4 w-1 h-1 bg-white rounded-full",animate:{opacity:[.1,.8,.1]},transition:{duration:3.7,repeat:1/0,ease:"easeInOut",delay:.4}}),(0,t.jsx)(s.motion.div,{className:"absolute top-60 left-1/6 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.2,.9,.2]},transition:{duration:2.8,repeat:1/0,ease:"easeInOut",delay:3.2}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-60 right-1/8 w-1 h-1 bg-white rounded-full",animate:{opacity:[.4,1,.4]},transition:{duration:3.1,repeat:1/0,ease:"easeInOut",delay:1.9}}),(0,t.jsx)(s.motion.div,{className:"absolute top-20 left-5/6 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.1,.6,.1]},transition:{duration:4.8,repeat:1/0,ease:"easeInOut",delay:2.7}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-20 left-1/8 w-1 h-1 bg-white rounded-full",animate:{opacity:[.3,.9,.3]},transition:{duration:2.2,repeat:1/0,ease:"easeInOut",delay:.3}}),(0,t.jsx)(s.motion.div,{className:"absolute top-56 right-5/6 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.2,.8,.2]},transition:{duration:3.5,repeat:1/0,ease:"easeInOut",delay:1.4}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-56 left-5/6 w-1 h-1 bg-white rounded-full",animate:{opacity:[.1,.7,.1]},transition:{duration:4.1,repeat:1/0,ease:"easeInOut",delay:2.8}}),(0,t.jsx)(s.motion.div,{className:"absolute top-64 left-1/4 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.3,1,.3]},transition:{duration:2.9,repeat:1/0,ease:"easeInOut",delay:.7}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-64 right-1/4 w-1 h-1 bg-white rounded-full",animate:{o
1pacity:[.2,.9,.2]},transition:{duration:3.6,repeat:1/0,ease:"easeInOut",delay:1.8}}),(0,t.jsx)(s.motion.div,{className:"absolute top-72 right-1/7 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.1,.8,.1]},transition:{duration:2.7,repeat:1/0,ease:"easeInOut",delay:3.4}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-72 left-1/7 w-1 h-1 bg-white rounded-full",animate:{opacity:[.4,.8,.4]},transition:{duration:3.9,repeat:1/0,ease:"easeInOut",delay:.9}}),(0,t.jsx)(s.motion.div,{className:"absolute top-68 left-3/5 w-0.5 h-0.5 bg-white rounded-full",animate:{opacity:[.2,.7,.2]},transition:{duration:4.4,repeat:1/0,ease:"easeInOut",delay:2.3}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-68 right-3/5 w-1 h-1 bg-white rounded-full",animate:{opacity:[.3,1,.3]},transition:{duration:2.1,repeat:1/0,ease:"easeInOut",delay:1.2}}),(0,t.jsx)(s.motion.div,{className:"absolute top-12 left-1/3 w-2 h-2 bg-white rounded-full blur-sm",animate:{y:[0,-15,0],opacity:[.2,.4,.2]},transition:{duration:8,repeat:1/0,ease:"easeInOut",delay:.8}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-12 right-1/3 w-1.5 h-1.5 bg-white rounded-full blur-sm",animate:{y:[0,12,0],opacity:[.15,.35,.15]},transition:{duration:6.5,repeat:1/0,ease:"easeInOut",delay:2.3}}),(0,t.jsx)(s.motion.div,{className:"absolute top-20 right-1/4 w-8 h-8 bg-white rounded-full blur-md",animate:{scale:[1,1.3,1],opacity:[.03,.08,.03]},transition:{duration:12,repeat:1/0,ease:"easeInOut",delay:1.2}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-32 left-1/3 w-6 h-6 bg-white rounded-full blur-lg",animate:{scale:[1,1.4,1],opacity:[.04,.09,.04]},transition:{duration:10,repeat:1/0,ease:"easeInOut",delay:4}}),(0,t.jsx)(s.motion.div,{className:"absolute top-40 left-1/5 w-0.5 h-0.5 bg-white rounded-full",animate:{x:[0,10,0],y:[0,-8,0],opacity:[.4,.7,.4]},transition:{duration:7,repeat:1/0,ease:"easeInOut",delay:1.8}}),(0,t.jsx)(s.motion.div,{className:"absolute bottom-40 right-1/5 w-0.5 h-0.5 bg-white/30 rounded-full",animate:{x:[0,-8,0],y:[0,6,0],opacity:[.3,.6,.3]},transition:{duration:5.5,repeat:1/0,ease:"easeInOut",delay:.7}}),(0,t.jsx)(s.motion.div,{className:"absolute top-0 left-0 w-16 h-0.5 bg-gradient-to-r from-transparent to-white",initial:{rotate:45},animate:{x:[-40,200],y:[-40,200],rotate:45,opacity:[0,1,1,0]},transition:{duration:1.8,repeat:1/0,ease:"easeOut",delay:2,repeatDelay:8}}),(0,t.jsx)(s.motion.div,{className:"absolute top-0 right-0 w-20 h-0.5 bg-gradient-to-r from-transparent to-white",initial:{rotate:135},animate:{x:[40,-200],y:[-40,200],rotate:135,opacity:[0,1,1,0]},transition:{duration:2,repeat:1/0,ease:"easeOut",delay:5,repeatDelay:10}}),(0,t.jsx)(s.motion.div,{className:"absolute top-12 left-8 w-14 h-0.5 bg-gradient-to-r from-transparent to-white",initial:{rotate:45},animate:{x:[-30,180],y:[-30,180],rotate:45,opacity:[0,1,1,0]},transition:{duration:1.6,repeat:1/0,ease:"easeOut",delay:7,repeatDelay:12}}),(0,t.jsx)(s.motion.div,{className:"absolute top-8 right-12 w-18 h-0.5 bg-gradient-to-r from-transparent to-verylightred",initial:{rotate:135},animate:{x:[30,-180],y:[-30,180],rotate:135,opacity:[0,1,1,0]},transition:{duration:1.7,repeat:1/0,ease:"easeOut",delay:1,repeatDelay:9}}),(0,t.jsx)("div",{className:"absolute -bottom-32 right-0 lg:-bottom-40 xl:-bottom-48",children:(0,t.jsx)(r.default,{src:"/assets/cta_img.svg",alt:"Start sending transactional emails with Keplars - developer-first email API",width:800,height:800,sizes:"(min-width: 1280px) 640px, (min-width: 1024px) 512px, 384px",className:"w-96 h-96 lg:w-[32rem] lg:h-[32rem] xl:w-[40rem] xl:h-[40rem]"})})]}),(0,t.jsx)("div",{className:"max-w-7xl mx-auto px-4 lg:px-6 relative z-10",children:(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)(s.motion.h2,{id:"stack-integration-heading",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6,ease:[.25,.46,.45,.94]},className:"text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight mb-6 sm:mb-8",children:"Integrates with your stack in minutes."}),(0,t.jsx)(s.motion.p,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.2,ease:[.25,.46,.45,.94]},className:"text-base sm:text-lg lg:text-xl text-verylightyellow leading-relaxed max-w-4xl mx-auto mb-10 sm:mb-12",children:"Start sending emails with REST APIs, SMTP, OAuth, webhooks, and SDKs for your favorite programming languages. Build faster with comprehensive documentation, examples, and quick-start guides."}),(0,t.jsx)(s.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.4,ease:[.25,.46,.45,.94]},className:"flex items-center gap-8 overflow-x-auto scrollbar-hide px-4 -mx-4 sm:px-0 sm:mx-0 sm:justify-center",children:c.map(e=>(0,t.jsxs)("div",{className:"flex flex-col items-center gap-2 shrink-0",children:[(0,t.jsx)(e.icon,{className:"w-8 h-8 text-white"}),(0,t.jsx)("span",{className:"text-xs text-verylightyellow whitespace-nowrap",style:{fontFamily:"var(--font-inter), Inter, sans-serif"},children:e.name})]},e.name))}),(0,t.jsxs)(s.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6,delay:.6,ease:[.25,.46,.45,.94]},className:"relative z-20 max-w-4xl mx-auto mt-14 sm:mt-16 mb-16 sm:mb-0 rounded-lg p-6 sm:p-8 text-left flex flex-col sm:flex-row sm:items-center gap-5 sm:gap-8",style:{backgroundColor:"var(--veryverylightblue)",backgroundImage:"linear-gradient(var(--verylightblue) 1px, transparent 1px), linear-gradient(90deg, var(--verylightblue) 1px, transparent 1px)",backgroundSize:"10px 10px",backgroundPosition:"5px 5px"},children:[(0,t.jsxs)("div",{className:"flex-1",children:[(0,t.jsx)("h3",{className:"text-lg sm:text-xl font-bold text-foreground mb-2",children:"Migrating to Keplars?"}),(0,t.jsx)("p",{className:"text-sm text-lightergrey leading-relaxed mb-2",style:{fontFamily:"var(--font-inter), Inter, sans-serif"},children:"Import your existing templates and migrate from your current email provider with minimal changes."}),(0,t.jsxs)(n.default,{href:"/ai-agents",className:"group inline-flex items-center gap-1.5 text-sm font-semibold text-appred hover:text-appdarkred underline underline-offset-2 transition-colors duration-200",style:{fontFamily:"var(--font-inter), Inter, sans-serif"},children:["Check Migration guide",(0,t.jsx)(l.ArrowRight,{className:"w-3.5 h-3.5 transition-transform duration-200 group-hover:-rotate-45"})]})]}),(0,t.jsx)(u,{})]})]})})]})}])},5001,e=>{"use strict";var t=e.i(43476),a=e.i(71645),i=e.i(46932),s=e.i(87652),r=e.i(76662),n=e.i(57688),o=e.i(73998),l=e.i(10980),d=e.i(2047),c=e.i(77374),m=e.i(68913);let u=i.motion.div,p={fontFamily:"var(--font-merriweather), Georgia, serif"}
1,h=m.whiteDottedBackground,g=[{name:"Firebase",src:"https://cdn.keplersmail.com/companies/firebase.svg",description:"Email on auth events & Firestore triggers.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"Lovable",src:"https://cdn.keplersmail.com/companies/loveable.svg",description:"Add email to your app, no SMTP needed."},{name:"Vercel",src:"https://cdn.keplersmail.com/companies/vercel.svg",description:"Send emails from Next.js routes or edge functions."},{name:"Supabase",src:"https://cdn.keplersmail.com/companies-testimonials/supabase.png",description:"Email on auth flows & real-time database events.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"PocketBase",src:"https://cdn.keplersmail.com/companies-testimonials/pocketbase.svg",description:"Email on PocketBase hooks & auth events.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"Bubble",src:"https://cdn.keplersmail.com/companies-testimonials/Bubble.svg",description:"Send emails from Bubble workflows and automations.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"Payload CMS",src:"https://cdn.keplersmail.com/companies-testimonials/payload.svg",description:"Send emails on Payload hooks, collections, and auth events.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"Dodo Payments",src:"https://cdn.keplersmail.com/website/dodo-payment-logo.png",description:"Trigger emails on Dodo Payments checkout & webhook events.",logoClass:"w-40 h-auto object-contain -ml-3",imgWidth:234,imgHeight:48},{name:"n8n",src:"https://cdn.keplersmail.com/companies-testimonials/n8n.svg",description:"Trigger transactional emails directly from n8n workflows.",logoClass:"w-20 h-auto max-h-8 object-contain"},{name:"Zapier",src:"https://cdn.keplersmail.com/companies-testimonials/zapier.svg",description:"Automate email sends across 5,000+ Zapier-connected apps.",logoClass:"w-20 h-auto max-h-8 object-contain"}],x=[{src:"https://cdn.keplersmail.com/companies/mjml.png",alt:"MJML",description:"Build responsive emails with a clean markup language.",small:!1},{src:"https://cdn.keplersmail.com/companies/pugemail.png",alt:"Pug",description:"Write templates with expressive Pug syntax.",small:!1},{src:"https://cdn.keplersmail.com/companies/reactemail.png",alt:"React Email",description:"Craft emails using familiar React components.",small:!1},{src:"https://cdn.keplersmail.com/companies/handlebars.png",alt:"Handlebars",description:"Dynamic content with Handlebars expressions.",small:!1},{src:"https://cdn.keplersmail.com/companies/ejs.png",alt:"EJS",description:"Generate email HTML with embedded JavaScript.",small:!0}];function f({integration:e}){return(0,t.jsxs)("div",{className:"relative overflow-hidden w-full border border-dashed border-verylightblue rounded-sm flex flex-col items-start justify-start gap-2 px-3 pt-4 h-28 hover:border-appred transition-colors duration-200 cursor-pointer",style:{backgroundColor:"var(--veryverylightblue)",backgroundImage:"linear-gradient(var(--verylightblue) 1px, transparent 1px), linear-gradient(90deg, var(--verylightblue) 1px, transparent 1px)",backgroundSize:"10px 10px",backgroundPosition:"5px 5px"},children:[(0,t.jsx)("div",{className:"h-8 flex items-center relative z-10",children:(0,t.jsx)(n.default,{src:e.src,alt:`${e.name} integration with Keplars transactional email API`,width:e.imgWidth??80,height:e.imgHeight??32,className:e.logoClass??"w-16 h-auto max-h-8 object-contain"})}),(0,t.jsx)("p",{className:"text-xs text-foreground leading-snug text-left w-full relative z-10",children:e.description})]})}function b(){let e=(0,a.useRef)(null),n=(0,s.useMotionValue)(0);(0,r.useAnimationFrame)((t,a)=>{let i=e.current?.offsetWidth??0;if(0===i)return;let s=n.get()-.055*a;Math.abs(s)>=i&&(s+=i),n.set(s)});let o=[...x,...x],l=e=>o.flatMap((a,i)=>[(0,t.jsxs)("div",{className:"w-64 h-32 border border-dashed border-mediumgrey bg-white rounded-sm flex flex-col items-start justify-start gap-2 px-4 pt-5 flex-shrink-0 hover:border-appred transition-colors duration-200 cursor-pointer",style:{backgroundImage:h},children:[(0,t.jsx)("div",{className:"h-10 flex items-center",children:(0,t.jsx)("img",{src:a.src,alt:a.alt,className:`object-contain ${a.small?"h-5":"h-8"}`,loading:"lazy"})}),(0,t.jsx)("p",{className:"text-sm text-lightergrey leading-snug text-left w-full",children:a.description})]},`${e}-card-${i}`),(0,t.jsx)("div",{className:"w-8 border-t border-dashed border-mediumgrey flex-shrink-0","aria-hidden":"true"},`${e}-conn-${i}`)]);return(0,t.jsxs)("div",{className:"relative overflow-hidden py-2",children:[(0,t.jsx)("div",{className:"pointer-events-none absolute left-0 top-0 bottom-0 w-16 z-10",style:{background:"linear-gradient(to right, var(--background), transparent)"}}),(0,t.jsx)("div",{className:"pointer-events-none absolute right-0 top-0 bottom-0 w-16 z-10",style:{background:"linear-gradient(to left, var(--background), transparent)"}}),(0,t.jsxs)(i.motion.div,{className:"flex items-center",style:{x:n},children:[(0,t.jsx)("div",{ref:e,className:"flex items-center flex-shrink-0",children:l("a")}),(0,t.jsx)("div",{className:"flex items-center flex-shrink-0","aria-hidden":!0,
1children:l("b")})]})]})}e.s(["default",0,function(){return(0,t.jsxs)("section",{children:[(0,t.jsx)("div",{className:"-mx-4 lg:-mx-6 px-4 lg:px-6 pt-16 pb-20 overflow-hidden",style:{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2' stroke='%23e2dddd' stroke-width='1' stroke-opacity='0.3' fill='none'/%3E%3C/svg%3E\")"},children:(0,t.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center text-center gap-3 mb-10",children:[(0,t.jsxs)("h2",{id:"integrations-heading",className:"text-2xl sm:text-3xl text-foreground font-bold",style:p,children:[(0,t.jsx)("span",{className:"text-appred",children:"Integrate Once"})," - Every Email Format, ",(0,t.jsx)("span",{className:"text-appdarkred",children:"Every Loved Tool"})]}),(0,t.jsx)("p",{className:"text-base sm:text-lg text-lightergrey max-w-md",children:"From Firebase triggers to Vercel edge functions, and from React Email to Handlebars - Keplars slots into your stack without changing how you build."}),(0,t.jsxs)(d.KButton,{href:"https://docs.keplars.com/",external:!0,variant:"primary",size:"sm",className:"mt-1 group px-7 py-4 min-[480px]:px-8 min-[480px]:py-3.5 text-base font-medium",children:[(0,t.jsx)(o.Book,{className:"w-4 h-4 group-hover:hidden"}),(0,t.jsx)(l.BookOpen,{className:"w-4 h-4 hidden group-hover:block"}),"Read Documentation"]})]}),(0,t.jsx)(u,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!1},transition:{duration:.5,delay:.2,ease:[.25,.46,.45,.94]},className:"mb-6 grid grid-cols-1 xxs:grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 md:gap-5",children:g.map(e=>(0,t.jsx)(f,{integration:e},e.name))}),(0,t.jsx)(b,{})]})}),(0,t.jsx)(c.HatchedDivider,{className:"-mx-4 lg:-mx-6"})]})}])},84042,e=>{"use strict";var t=e.i(43476),a=e.i(71645),i=e.i(46932),s=e.i(43531),r=e.i(72520),n=e.i(22016),o=e.i(52678),l=e.i(16920),d=e.i(49629),c=e.i(77374);let m=[{type:"Transactional",planName:"Pulse",emailsPerMonth:5e3,price:1,detail:"Pulse plan · 5,000 emails / month"},{type:"Marketing",planName:"Orbit",emailsPerMonth:1e4,price:9,detail:"Orbit plan · 10,000 emails / month"}],u=["AI-powered email templates","Audience segmentation","Campaign scheduling & automation","Delivery analytics & reports"],p=["Open & click tracking","Webhook notifications","Custom HTML/MJML email editor","Unsubscribe management"],h={fontFamily:"var(--font-merriweather), Georgia, serif"},g={fontFamily:"var(--font-inter), Inter, sans-serif"};e.s(["default",0,function(){let[e,x]=(0,a.useState)(0),f=m[e],b=(0,a.useRef)(null),[y,v]=(0,a.useState)(!1);return(0,a.useLayoutEffect)(()=>{let e=b.current;if(!e)return;let t=new IntersectionObserver(([e])=>v(e.isIntersecting),{threshold:.5});return t.observe(e),()=>t.disconnect()},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.motion.section,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.7,ease:"easeOut"},viewport:{once:!1},className:"relative -mx-4 lg:-mx-6 px-4 lg:px-6 bg-lightgrey",style:{backgroundImage:"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='16' height='16' fill='none'%3e%3ccircle fill='rgb(102 102 102 / 0.15)' cx='10' cy='10' r='1.6'%3e%3c/circle%3e%3c/svg%3e\")"},children:(0,t.jsxs)("div",{className:"max-w-7xl mx-auto pt-16 pb-16",children:[(0,t.jsxs)("div",{className:"flex flex-col items-center text-center gap-6 mb-12 lg:mb-16",children:[(0,t.jsxs)("h2",{ref:b,className:"text-2xl sm:text-3xl font-bold text-foreground leading-snug",style:h,children:["Send campaigns that"," ",(0,t.jsx)(l.PointerHighlight,{containerClassName:"inline-block",pointerClassName:"h-3 w-3",isInView:y,color:"var(--yellow)",children:(0,t.jsx)("span",{className:"relative z-20 px-1",style:{color:"var(--yellow)"},children:"reach the inbox."})})]}),(0,t.jsx)("p",{className:"text-base sm:text-lg text-lightergrey max-w-3xl",style:g,children:"Run newsletters, product announcements, and re-engagement campaigns from the same platform you use for transactional email. No contact limits. Pay only for what you send."}),(0,t.jsx)("div",{className:"w-full grid grid-cols-1 xs:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-8 gap-y-2",children:[...u,...p].map(e=>(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center",style:{background:"var(--yellow)"},children:(0,t.jsx)(s.Check,{className:"w-3 h-3 text-foreground",strokeWidth:3})}),(0,t.jsx)("span",{className:"text-sm text-foreground",style:g,children:e})]},e))}),(0,t.jsxs)(n.default,{href:"/pricing",className:"inline-flex items-center gap-2 text-sm font-medium text-foreground hover:text-appred transition-colors duration-200 group w-fit",style:g,children:["See all plans",(0,t.jsx)("span",{className:"w-7 h-7 rounded-full bg-foreground group-hover:bg-appred flex items-center justify-center transition-colors duration-200 flex-shrink-0",children:(0,t.jsx)(r.ArrowRight,{className:"w-3.5 h-3.5 text-background"})})]})]}),(0,t.jsxs)("div",{className:"flex flex-col items-center min-[850px]:flex-row min-[850px]:justify-center gap-10 min-[850px]:gap-0",children:[(0,t.jsx)("div",{className:"min-w-0 min-[850px]:w-[60%] min-[850px]:max-w-xl",children:(0,t.jsx)(o.OptimizedImage,{src:"https://cdn.keplersmail.com/website/marketing_planpromo_img.png",alt:"Keplars marketing email campaign builder and analytics preview",width:4071,height:3816,sizes:"(min-width: 850px) min(60vw, 576px), 100vw",className:"w-full h-auto rounded-xl"})}),(0,t.jsx)("div",{className:"relative z-10 w-full max-w-md min-w-0 min-[850px]:max-w-[420px] min-[850px]:w-[38%] min-[850px]:-ml-11",children:(0,t.jsx)(d.HatchedBorder,{children:(0,t.jsxs)("div",{className:"bg-background rounded-lg overflow-hidden border border-dashed border-mediumgrey",children:[(0,t.jsxs)("div",{className:"px-6 pt-6 pb-4 border-b border-lightborder",children:[(0,t.jsx)("div",{className:"inline-flex items-center rounded-full border border-lightborder bg-lightgrey p-1 mb-4",style:h,children:m.map((a,i)=>(0,t.jsx)("button",{onClick:()=>x(i),className:`px-4 py-1 rounded-full text-xs font-medium transition-all duration-200 select-none ${e===i?"text-foreground shadow-sm":"text-grey hover:text-foreground"}`,style:e===i?{background:"var(--verylightyellow)",border:"1px solid var(--yellow)"}:{},children:a.type},a.type))}),(0,t.jsx)(i.motion.h3,{initial:{opacity:0,y:6}
1,animate:{opacity:1,y:0},transition:{duration:.25},className:"text-2xl font-bold text-foreground mb-1",style:h,children:f.planName},f.type),(0,t.jsx)(i.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.25},className:"text-sm text-lightergrey",style:g,children:f.detail},f.type+"-detail")]}),(0,t.jsxs)("div",{className:"px-6 py-4",children:[(0,t.jsxs)("div",{className:"rounded-lg border border-lightborder bg-lightgrey px-4 py-3 mb-4",children:[(0,t.jsxs)("p",{className:"text-xs text-appred font-semibold mb-1",style:h,children:[f.type," emails"]}),(0,t.jsxs)(i.motion.div,{initial:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.25},className:"flex items-end gap-1",children:[(0,t.jsxs)("span",{className:"text-4xl font-bold text-foreground",style:h,children:["$",f.price]}),(0,t.jsx)("span",{className:"text-sm text-lightergrey mb-1",style:g,children:"/ month"})]},f.price),(0,t.jsx)("p",{className:"text-xs text-grey mt-1",style:g,children:"Billed monthly. Upgrade or cancel anytime."})]}),(0,t.jsx)("a",{href:"https://dash.keplars.com/",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center justify-center w-full sm:w-auto px-7 py-4 min-[480px]:px-8 min-[480px]:py-3.5 rounded-md bg-appred border-2 border-appdarkred text-verylightred text-base font-medium hover:bg-appdarkred transition-all duration-300 select-none whitespace-nowrap",style:g,children:"Try now"}),(0,t.jsx)("p",{className:"text-xs text-grey text-center mt-3",style:g,children:"7-day free trial. No credit card required."})]})]})})})]})]})}),(0,t.jsx)(c.HatchedDivider,{className:"-mx-4 lg:-mx-6"})]})}])},61478,e=>{"use strict";var t=e.i(43476),a=e.i(71645),i=e.i(57688),s=e.i(46932),r=e.i(75254);let n=(0,r.default)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);var o=e.i(63059);let l=(0,r.default)("quote",[["path",{d:"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"rib7q0"}],["path",{d:"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",key:"1ymkrd"}]]),d=[.25,.46,.45,.94],c="linear-gradient(to right, transparent, black 32px, black calc(100% - 32px), transparent)",m="linear-gradient(to right, transparent, black 96px, black calc(100% - 96px), transparent)",u=[{src:"https://cdn.keplersmail.com/companies/swinglogo.png",alt:"Swing Technologies - using Keplars transactional email API",sizeClass:"h-7"},{src:"https://cdn.keplersmail.com/companies-testimonials/foundersboxx.png",alt:"FoundersBoxx - startup platform using Keplars email infrastructure"},{src:"https://cdn.keplersmail.com/companies-testimonials/gitstart.png",alt:"GitStart - developer platform powered by Keplars email API",sizeClass:"h-6"},{src:"https://cdn.keplersmail.com/companies-testimonials/roostoo.png",alt:"Roostoo - fintech app sending emails via Keplars",sizeClass:"h-6"},{src:"https://cdn.keplersmail.com/companies-testimonials/supabase.png",alt:"Supabase - open source backend using Keplars email delivery",sizeClass:"h-6"},{src:"https://cdn.keplersmail.com/companies-testimonials/touchstacknew.png",alt:"Touchstack - product team using Keplars for transactional emails",sizeClass:"h-6"},{src:"https://cdn.keplersmail.com/companies-testimonials/oryanlogo-cdn.png",alt:"Oryan - using Keplars email infrastructure"},{src:"https://cdn.keplersmail.com/companies-testimonials/blupo_v2.svg",alt:"Blupo - using Keplars email API"},{src:"https://cdn.keplersmail.com/companies-testimonials/polygram.svg",alt:"Polygram - using Keplars transactional email service",sizeClass:"h-7"},{src:"https://cdn.keplersmail.com/companies-testimonials/rushbill_v2.svg",alt:"Rushbill - using Keplars email delivery",sizeClass:"h-7"},{src:"https://cdn.keplersmail.com/companies/ma-lendcity-logo.webp",alt:"LendCity - using Keplars email delivery",sizeClass:"h-11"}],p={logo:"https://cdn.keplersmail.com/companies-testimonials/foundersboxx.png",logoClassName:"h-7 w-auto object-contain",quote:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Keplars runs our internal transactional emails and powers email sending for FoundersBoxx users"})," ","directly from their own accounts."," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Two very different use cases, one clean integration."})," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Had it all wired up in minutes."})]}),name:"Filiberto Secchi",title:"Founder & CEO at FoundersBoxx",avatar:"https://cdn.keplersmail.com/persons-testimonials/fili.jpg"},h=[{logo:"https://cdn.keplersmail.com/companies-testimonials/roostoo.png",logoClassName:"h-7 w-auto object-contain",quote:(0,t.jsxs)(t.Fragment,{children:["We tried a few email tools before this, and honestly, the biggest difference for us was how simple everything felt. You don't need to spend hours figuring things out."," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"The APIs are clear, and the email editor is one of the easiest we've used. It's powerful, but not overwhelming."})]}),name:"Edward So",title:"Cofounder and CEO @ Roostoo Labs",avatar:"https://cdn.keplersmail.com/persons-testimonials/edward.jpg"}],g={logo:"https://cdn.keplersmail.com/companies-testimonials/gitstart.png",quote:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"With Keplars, we can clearly see delivery, opens, and clicks without digging through logs or multiple tools."})," ","It's straightforward, fast to set up, and"," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"just feels more predictable and easier to work with."})]}),name:"Damien Mahuzier",title:"Head of Sales at GitStart",avatar:"https://cdn.keplersmail.com/persons-testimonials/damien.jpg"},x={logo:"https://cdn.keplersmail.com/companies-testimonials/oryanlogo-cdn.png",logoClassName:"h-7 w-auto object-contain",quote:(0,t.jsxs)(t.Fragment,{children:["Keplars is a"," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"seamless integration of work emails into our SuperheroSoftware Stack."})," ","It is very effective and we look forward to working with them for a long time."]}),name:"Tim Coleman",title:"Co-Founder of O'Ryan Health",avatar:"https://cdn.keplersmail.com/persons-testimonials/tim.jpg"},f={logo:"https://cdn.keplersmail.com/companies/gamerzhive.jpg",logoClassName:"h-9 w-auto object-contain",quote:(0,t.jsxs)(t.Fragment,{children:["Keplars has now been our go-to email service provider. It is extremely easy to integrate with and steps for c
1onfiguration are pretty much simple to go through."," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Our roll out of Keplars has been fast and efficient and we are getting the value from using Keplars. I strongly recommend Keplars for startup founders who are starting a new project or even scaling existing projects."})]}),name:"Brian Adjei-Otchwemah",title:"Senior Client Success Manager",avatar:"https://cdn.keplersmail.com/persons-testimonials/brian.jpg"},b={logo:"https://cdn.keplersmail.com/companies-testimonials/touchstacknew.png",quote:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Integrating with Keplars has been way easier than I thought - everything is super smooth and responsive."})," ","As Head of Engineering at TouchStack"," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"we have migrated from Resend to Keplars which is way cheaper and flexible to configure email setups for our clients."})]}),name:"Kobby Isreal",title:"CTO at TouchStack",avatar:"https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_1280.png"},y=[{logo:"https://cdn.keplersmail.com/companies-testimonials/gitstart.png",quote:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Keplars made email much easier for us"})," ","- other tools usually come with friction, but Keplars felt straightforward from day one."," ",(0,t.jsx)("span",{className:"bg-appred text-verylightred",children:"Deliverability has been strong, and the platform is built with strong security, so we're comfortable using it for critical user communication."})]}),name:"Hamza Zia",title:"Founder & CEO at GitStart",avatar:"https://cdn.keplersmail.com/persons-testimonials/hamza.jpg"},h[0],p,g,x,b,f];e.s(["LogoMarquee",0,function(){let e=(0,a.useRef)(null),[i,s]=(0,a.useState)(30),[r,n]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let t=e.current;if(!t)return;let a=new ResizeObserver(e=>{let t=e[0].contentRect.width;t>0&&s(t/35)});return a.observe(t),()=>a.disconnect()},[]);let o="object-contain marquee-logo";return(0,t.jsx)("div",{className:"relative overflow-hidden mb-14",style:{maskImage:m,WebkitMaskImage:m},onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),onTouchStart:()=>n(!0),onTouchEnd:()=>n(!1),onTouchCancel:()=>n(!1),children:(0,t.jsxs)("div",{className:"flex items-center animate-marquee w-max",style:{"--marquee-duration":`${i}s`,animationPlayState:r?"paused":"running"},children:[(0,t.jsx)("div",{ref:e,className:"flex items-center gap-12 flex-shrink-0 pr-12",children:u.map(e=>(0,t.jsx)("img",{src:e.src,alt:e.alt,className:`${e.sizeClass??"h-8"} ${o}`,loading:"lazy"},e.alt))}),(0,t.jsx)("div",{className:"flex items-center gap-12 flex-shrink-0 pr-12","aria-hidden":!0,children:u.map(e=>(0,t.jsx)("img",{src:e.src,alt:e.alt,className:`${e.sizeClass??"h-8"} ${o}`,loading:"lazy"},`${e.alt}-2`))})]})})},"default",0,function(){let[e,r]=(0,a.useState)(0),m=(0,a.useRef)(null),u=(0,a.useRef)(null),p=()=>r(e=>(e+1)%y.length);(0,a.useEffect)(()=>{let e=u.current,t=m.current;if(!e||!t)return;let a=t.offsetLeft-e.clientWidth/2+t.clientWidth/2;e.scrollTo({left:a,behavior:"smooth"})},[e]),(0,a.useEffect)(()=>{let e=setInterval(p,5e3);return()=>clearInterval(e)},[e]);let h=y[e];return(0,t.jsx)("section",{className:"-mx-4 lg:-mx-6 px-4 lg:px-6 pt-10 pb-20",style:{backgroundColor:"var(--veryverylightblue)",backgroundImage:"linear-gradient(var(--verylightblue) 1px, transparent 1px), linear-gradient(90deg, var(--verylightblue) 1px, transparent 1px)",backgroundSize:"10px 10px",backgroundPosition:"5px 5px"},children:(0,t.jsxs)("div",{className:"max-w-7xl mx-auto",children:[(0,t.jsxs)("div",{className:"text-center mb-12",children:[(0,t.jsxs)(s.motion.h2,{id:"trusted-by-heading",className:"text-2xl sm:text-3xl font-bold text-foreground mb-4",style:{fontFamily:"var(--font-merriweather), Georgia, serif"},initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!1},transition:{duration:.6,ease:d},children:[(0,t.jsx)("span",{className:"text-appred",children:"Loved"})," by Product Teams Worldwide"]}),(0,t.jsx)(s.motion.p,{className:"text-base sm:text-lg text-lightergrey w-full min-[400px]:max-w-[600px] min-[400px]:mx-auto",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!1},transition:{duration:.6,delay:.15,ease:d},children:"Real feedback from founders, engineers, and operators using Keplars every day for reliable email infrastru
1cture."})]}),(0,t.jsxs)("div",{className:"max-w-6xl mx-auto",children:[(0,t.jsx)("div",{className:"rounded-lg border-2 border-dashed overflow-hidden",style:{borderColor:"var(--veryverylightblue)",backgroundColor:"var(--lightblue)"},children:(0,t.jsxs)("div",{className:"tbc-grid",children:[(0,t.jsxs)("div",{className:"tbc-quote flex flex-col",children:[(0,t.jsx)(l,{className:"w-11 h-11 text-appred/25 mb-6 shrink-0 scale-y-[-1] scale-x-[-1]",fill:"currentColor",strokeWidth:0}),(0,t.jsx)("p",{className:"tbc-quote-text text-base sm:text-lg font-medium text-foreground leading-relaxed",children:h.quote}),(0,t.jsxs)("div",{className:"tbc-divider mt-auto pt-6 border-t-2 border-dashed flex items-center justify-between gap-4 shrink-0",style:{borderColor:"var(--veryverylightblue)"},children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-semibold text-foreground",children:h.name}),(0,t.jsx)("p",{className:"text-xs text-lightergrey mt-0.5",children:h.title})]}),h.logo&&(0,t.jsx)("img",{src:h.logo,alt:"",className:`${h.logoClassName??"h-6 w-auto object-contain"} opacity-70 shrink-0`})]})]}),(0,t.jsx)("div",{className:"tbc-photo relative overflow-hidden",children:(0,t.jsx)(i.default,{src:h.avatar,alt:h.name,fill:!0,sizes:"(max-width: 800px) 112px, 360px",className:"tbc-photo-img object-cover"})})]})}),(0,t.jsxs)("div",{className:"mt-6 rounded-md border border-mediumgrey dark:border-greydashline py-4 pr-6 sm:pr-8 flex items-center justify-between gap-4",style:{backgroundColor:"var(--yellowgrey)"},children:[(0,t.jsx)("div",{ref:u,className:"flex items-center gap-10 overflow-x-auto scrollbar-hide px-8",style:{maskImage:c,WebkitMaskImage:c},children:y.map((a,i)=>(0,t.jsx)("button",{ref:i===e?m:void 0,type:"button",onClick:()=>r(i),"aria-label":`Show testimonial from ${a.name}`,"aria-current":i===e,className:`shrink-0 transition-opacity duration-200 ${i===e?"opacity-100":"opacity-35 grayscale hover:opacity-60"}`,children:a.logo?(0,t.jsx)("img",{src:a.logo,alt:a.name,className:a.logoClassName??"h-6 w-auto object-contain"}):(0,t.jsx)("span",{className:"text-xs font-semibold text-foreground whitespace-nowrap",children:a.name})},a.name))}),(0,t.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,t.jsx)("button",{type:"button",onClick:()=>r(e=>(e-1+y.length)%y.length),"aria-label":"Previous testimonial",className:"w-8 h-8 rounded-full border border-mediumgrey dark:border-greydashline flex items-center justify-center hover:bg-appred hover:border-appred hover:text-white transition-colors duration-200",children:(0,t.jsx)(n,{className:"w-4 h-4"})}),(0,t.jsx)("button",{type:"button",onClick:p,"aria-label":"Next testimonial",className:"w-8 h-8 rounded-full border border-mediumgrey dark:border-greydashline flex items-center justify-center hover:bg-appred hover:border-appred hover:text-white transition-colors duration-200",children:(0,t.jsx)(o.ChevronRight,{className:"w-4 h-4"})})]})]})]})]})})}],61478)},49629,e=>{"use strict";var t=e.i(43476);e.s(["HatchedBorder",0,function({children:e,className:a="",padding:i=6}){return(0,t.jsx)("div",{className:`rounded-lg overflow-hidden ${a}`,style:{backgroundImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%3E%3Cpath d='M-1,1 l2,-2 M0,5 l5,-5 M4,6 l2,-2' stroke='%23e2dddd' stroke-width='1' stroke-opacity='0.7' fill='none'/%3E%3C/svg%3E\")",border:"1px solid var(--lightborder)",padding:i},children:e})}])},2047,e=>{"use strict";var t=e.i(43476),a=e.i(22016),i=e.i(47163);let s={fontFamily:"var(--font-inter), Inter, sans-serif"},r={primary:"border border-appdarkred bg-appred text-verylightred hover:bg-appdarkred hover:text-verylightred",outline:"border border-appdarkred bg-white text-appdarkred hover:bg-verylightred",ghost:"border border-lightborder bg-background text-foreground hover:bg-lightgrey",dark:"bg-foreground text-background font-medium hover:text-appred",inverse:"border border-foreground bg-lightgrey text-foreground hover:bg-foreground hover:text-verylightred",white:"border border-white text-white hover:bg-white hover:text-appdarkred font-medium",yellow:"border border-yellow bg-verylightyellow text-appdarkred hover:bg-yellow hover:text-foreground"},n={xs:"px-5 py-2 text-xs",sm:"px-6 py-2 text-sm",md:"px-8 py-2 text-sm"};e.s(["KButton",0,function({children:e,variant:o="primary",size:l="sm",className:d,href:c,external:m,onClick:u,type:p="button",disabled:h}){let g=(0,i.cn)("inline-flex items-center justify-center gap-2 rounded-md transition-all duration-300 select-none",r[o],n[l],d);return c?m?(0,t.jsx)("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:g,style:s,children:e}):(0,t.jsx)(a.default,{href:c,className:g,style:s,children:e}):(0,t.jsx)("button",{type:p,onClick:u,disabled:h,className:g,style:s,children:e})}])},16920,e=>{"use strict";var t=e.i(43476),a=e.i(47163),i=e.i(46932),s=e.i(71645);let r=({...e})=>
1(0,t.jsx)("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"1",strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 16 16",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,t.jsx)("path",{d:"M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"})});e.s(["PointerHighlight",0,function({children:e,rectangleClassName:n,pointerClassName:o,containerClassName:l,isInView:d,color:c="var(--appdarkred)"}){let m=(0,s.useRef)(null),[u,p]=(0,s.useState)({width:0,height:0}),[h,g]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{let e=m.current,t=setTimeout(()=>{if(e){let{width:t,height:a}=e.getBoundingClientRect();t>0&&a>0&&(p({width:t,height:a}),void 0===d&&requestAnimationFrame(()=>g(!0)))}},100),a=new ResizeObserver(e=>{for(let t of e){let{width:e,height:a}=t.contentRect;e>0&&a>0&&p({width:e,height:a})}});return e&&a.observe(e),()=>{clearTimeout(t),e&&a.unobserve(e)}},[d]),(0,s.useEffect)(()=>{void 0!==d&&(d?(g(!1),requestAnimationFrame(()=>requestAnimationFrame(()=>g(!0)))):g(!1))},[d]),(0,t.jsxs)("span",{className:(0,a.cn)("relative w-fit inline-block",l),ref:m,children:[e,u.width>0&&u.height>0&&(0,t.jsxs)(i.motion.span,{className:"pointer-events-none absolute inset-0 z-10 block",initial:{opacity:0,scale:.95,originX:0,originY:0},animate:{opacity:1,scale:1},transition:{duration:.5,ease:"easeOut"},children:[(0,t.jsx)(i.motion.span,{className:(0,a.cn)("absolute top-0 left-0 border-2 block",n),style:{borderColor:c},initial:{width:0,height:0},animate:h?{width:u.width,height:u.height}:{width:0,height:0},transition:{duration:.6,ease:"easeInOut",delay:.2}}),(0,t.jsx)(i.motion.span,{className:"pointer-events-none absolute block",initial:{opacity:0,x:0,y:0},animate:h?{opacity:1,x:u.width+4,y:u.height+4}:{opacity:0,x:0,y:0},style:{rotate:-90,color:c},transition:{opacity:{duration:.2,delay:.7,ease:"easeInOut"},x:{duration:.6,delay:.2,ease:"easeInOut"},y:{duration:.6,delay:.2,ease:"easeInOut"}},children:(0,t.jsx)(r,{className:(0,a.cn)("h-5 w-5",o)})})]})]})}])},68913,e=>{"use strict";e.s(["whiteDottedBackground",0,"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16' fill='none'%3e%3ccircle fill='rgb(0 0 0 / 0.08)' cx='8' cy='8' r='1.2'%3e%3c/circle%3e%3c/svg%3e\")"])},76662,e=>{"use strict";var t=e.i(87022),a=e.i(71645),i=e.i(37806);e.s(["useAnimationFrame",0,function(e){let s=(0,a.useRef)(0),{isStatic:r}=(0,a.useContext)(i.MotionConfigContext);(0,a.useEffect)(()=>{if(r)return;let a=({timestamp:t,delta:a})=>{s.current||(s.current=t),e(t-s.current,a)};return t.frame.update(a,!0),()=>(0,t.cancelFrame)(a)},[e])}])},87652,e=>{"use strict";var t=e.i(86427),a=e.i(71645),i=e.i(37806),s=e.i(47414);e.s(["useMotionValue",0,function(e){let r=(0,s.useConstant)(()=>(0,t.motionValue)(e)),{isStatic:n}=(0,a.useContext)(i.MotionConfigContext);if(n){let[,t]=(0,a.useState)(e);(0,a.useEffect)(()=>r.on("change",t),[])}return r}])},73998,10980,e=>{"use strict";var t=e.i(75254);let a=(0,t.default)("book",[["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}]]);e.s(["Book",0,a],73998);let i=(0,t.default)("book-open",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]]);e.s(["BookOpen",0,i],10980)},43531,e=>{"use strict";let t=(0,e.i(75254).default)("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);e.s(["Check",0,t],43531)},69638,e=>{"use strict";var t=e.i(6321);e.s(["CheckCircle",()=>t.default])},74886,e=>{"use strict";let t=(0,e.i(75254).default)("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);e.s(["Copy",0,t],74886)},73815,e=>{"use strict";let t=(0,e.i(75254).default)("headphones",[["path",{d:"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",key:"1xhozi"}]]);e.s(["default",0,t])},63488,e=>{"use strict";
1let t=(0,e.i(75254).default)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]]);e.s(["Mail",0,t],63488)},96112,e=>{"use strict";let t=(0,e.i(75254).default)("mouse-pointer",[["path",{d:"M12.586 12.586 19 19",key:"ea5xo7"}],["path",{d:"M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",key:"277e5u"}]]);e.s(["MousePointer",0,t],96112)},31343,e=>{"use strict";let t=(0,e.i(75254).default)("play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);e.s(["Play",0,t],31343)},14764,e=>{"use strict";let t=(0,e.i(75254).default)("send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);e.s(["Send",0,t],14764)},70273,e=>{"use strict";let t=(0,e.i(75254).default)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);e.s(["Star",0,t],70273)},90317,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0});var i={bindSnapshot:function(){return d},createAsyncLocalStorage:function(){return l},createSnapshot:function(){return c}};for(var s in i)Object.defineProperty(a,s,{enumerable:!0,get:i[s]});let r=Object.defineProperty(Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available"),"__NEXT_ERROR_CODE",{value:"E504",enumerable:!1,configurable:!0});class n{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let o="u">typeof globalThis&&globalThis.AsyncLocalStorage;function l(){return o?new o:new n}function d(e){return o?o.bind(e):n.bind(e)}function c(){return o?o.snapshot():function(e,...t){return e(...t)}}},42344,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"workAsyncStorageInstance",{enumerable:!0,get:function(){return i}});let i=(0,e.r(90317).createAsyncLocalStorage)()},63599,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"workAsyncStorage",{enumerable:!0,get:function(){return i.workAsyncStorageInstance}});let i=e.r(42344)},9885,(e,t,a)=>{"use strict";function i(e){return e.split("/").map(e=>encodeURIComponent(e)).join("/")}Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"encodeURIPath",{enumerable:!0,get:function(){return i}})},67585,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"BailoutToCSR",{enumerable:!0,get:function(){return s}});let i=e.r(32061);function s({reason:e,children:t}){if("u"<typeof window)throw Object.defineProperty(new i.BailoutToCSRError(e),"__NEXT_ERROR_CODE",{value:"E394",enumerable:!1,configurable:!0});return t}},52157,(e,t,a)=>{"use strict";Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"PreloadChunks",{enumerable:!0,get:function(){return l}});let i=e.r(43476),s=e.r(74080),r=e.r(63599),n=e.r(9885),o=e.r(43369);function l({moduleIds:e}){if("u">typeof window)return null;let t=r.workAsyncStorage.getStore();if(void 0===t)return null;let a=[];if(t.reactLoadableManifest&&e){let i=t.reactLoadableManifest;for(let t of e){if(!i[t])continue;let e=i[t].files;a.push(...e)}}if(0===a.length)return null;let d=(0,o.getAssetTokenQuery)();return(0,i.jsx)(i.Fragment,{children:a.map(e=>{let a=`${t.assetPrefix}/_next/${(0,n.encodeURIPath)(e)}${d}`;return e.endsWith(".css")?(0,i.jsx)("link",{precedence:"dynamic",href:a,rel:"stylesheet",as:"style",nonce:t.nonce},e):((0,s.preload)(a,{as:"script",fetchPriority:"low",nonce:t.nonce}),null)})})}}]);
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.