https://bani.africa/_next/static/chunks/pages/payments/bills-payment/features/SectionOne-a7eb79aca1c7cdb3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5892],{3685:function(t,e,n){"use strict";var s,r=n(7294);function a(){return(a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(this,arguments)}e.Z=function(t){return r.createElement("svg",a({width:60,height:60,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),s||(s=r.createElement("path",{d:"M12.5 22.5v20m11.25-20v20m12.5-20v20m11.25-20v20m-40 4v2c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.093c.535.272 1.235.272 2.635.272h37c1.4 0 2.1 0 2.635-.272a2.5 2.5 0 0 0 1.093-1.093c.272-.535.272-1.235.272-2.635v-2c0-1.4 0-2.1-.273-2.635a2.5 2.5 0 0 0-1.092-1.093C50.6 42.5 49.9 42.5 48.5 42.5h-37c-1.4 0-2.1 0-2.635.273a2.5 2.5 0 0 0-1.093 1.092C7.5 44.4 7.5 45.1 7.5 46.5ZM29.132 7.693l-18.5 4.111c-1.117.248-1.676.373-2.093.673a2.5 2.5 0 0 0-.836 1.042c-.203.472-.203 1.045-.203 2.19V18.5c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.093c.535.272 1.235.272 2.635.272h37c1.4 0 2.1 0 2.635-.272a2.5 2.5 0 0 0 1.093-1.093c.272-.535.272-1.235.272-2.635V15.71c0-1.145 0-1.718-.203-2.19a2.499 2.499 0 0 0-.836-1.042c-.417-.3-.976-.425-2.093-.673l-18.5-4.111c-.324-.072-.486-.108-.65-.122a2.5 2.5 0 0 0-.436 0c-.164.014-.326.05-.65.122Z",stroke:"current",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})))}},4102:function(t,e,n){"use strict";var s,r=n(7294);function a(){return(a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(this,arguments)}e.Z=function(t){return r.createElement("svg",a({width:60,height:60,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),s||(s=r.createElement("path",{d:"m10 35 3.937 15.746c.11.443.166.665.231.858a5 5 0 0 0 4.328 3.38c.204.016.432.016.889.016.571 0 .857 0 1.098-.023a5 5 0 0 0 4.494-4.494c.023-.241.023-.527.023-1.098V13.75m21.25 20a8.75 8.75 0 1 0 0-17.5m-20.625-2.5H16.25C10.037 13.75 5 18.787 5 25s5.037 11.25 11.25 11.25h9.375c4.416 0 9.818 2.367 13.986 4.64 2.431 1.325 3.647 1.987 4.443 1.89.738-.09 1.296-.422 1.73-1.027.466-.653.466-1.958.466-4.569V12.816c0-2.611 0-3.916-.467-4.569-.433-.605-.99-.936-1.73-1.027-.795-.097-2.01.566-4.442 1.89-4.168 2.273-9.57 4.64-13.986 4.64Z",stroke:"current",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})))}},6428:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/payments/bills-payment/features/SectionOne",function(){return n(9692)}])},3084:function(t,e,n){"use strict";n.d(e,{Z:function(){return x}});var s,r=n(5893),a=n(7294),i=n(5697),l=n.n(i);function c(){return(c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(this,arguments)}var o=function(t){return a.createElement("svg",c({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),s||(s=a.createElement("path",{d:"M12.646 14.646a.5.5 0 0 0 .708.708l-.708-.708ZM16 12l.354.354a.5.5 0 0 0 0-.708L16 12Zm-2.646-3.354a.5.5 0 0 0-.708.708l.708-.708ZM8 11.5a.5.5 0 0 0 0 1v-1Zm13.5.5A9.5 9.5 0 0 0 12 2.5v1a8.5 8.5 0 0 1 8.5 8.5h1ZM12 2.5A9.5 9.5 0 0 0 2.5 12h1A8.5 8.5 0 0 1 12 3.5v-1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5v-1A8.5 8.5 0 0 1 3.5 12h-1Zm9.5 9.5a9.5 9.5 0 0 0 9.5-9.5h-1a8.5 8.5 0 0 1-8.5 8.5v1Zm1.354-6.146 3-3-.708-.708-3 3 .708.708Zm3-3.708-3-3-.708.708 3 3 .708-.708ZM16 11.5H8v1h8v-1Z",fill:"#5444F2"})))},u=n(1664),m=n.n(u),p=n(5675),d=n.n(p);let h=t=>{let{details:e,type:n,style:s="",bodyStyle:i="",titleStyle:l=""}=t,{icon:c,title:u,body:p,image:h,imageStyle:x}=e,f="works"===n?"text-current bani-lg":"user"===n?"text-grey-text text-lg md:text-xl":"text-current bani-title-2",g=t=>null==t?void 0:t.split("#n").map((e,n)=>(0,r.jsxs)(a.Fragment,{children:[e,n<t.split("#n").length-1&&(0,r.jsx)("br",{})]},n));return(0,r.jsxs)("div",{className:"".concat("works"===n||"user"===n?"justify-start bg-white min-w-[calc(100vw-30px)] max-w-[calc(100vw-30px)] sm:min-w-[300px] sm:max-w-[360px] w-full h-[320px] sm:ml-3 md:ml-4 lg:ml-5 pl-5 sm:pl-4 pt-6 pb-[24px] sm:pr-3 sm:pr-6 sm:pt-2 sm:pb-7 snap-center":"plain"===n?"justify-start  h-full rounded-none p-1 w-full":"justify-start pl-7 pr-9 pt-8 pb-12 shadow-card-2 h-full bg-white"," ").concat("plain"!==n?"shadow-card":""," text-black transition-all duration-[500ms] ease-in-out flex flex-col items-start text-left w-full rounded-[30px]  relative overflow-hidden ").concat(s),children:[("works"===n||"user"===n)&&(0,r.jsx)("div",{className:"blue-fade-gradient absolute top-[-100px] right-[-100px] min-h-[200px] min-w-[200px] rounded-full"}),"user"===n?(0,r.jsxs)("div",{className:"flex justify-start items-center gap-4 md:gap-5 mb-4 sm:mb-3",children:[(0,r.jsx)(d(),{src:c,className:"w-[48px] h-[48px] rounded-full bg-cover"}),(0,r.jsxs)("div",{className:"flex flex-col justify-center items-start gap-0.5",children:[(0,r.jsx)("h2",{className:"basier-medium ".concat(f," ").concat(l),children:g(u)}),(0,r.jsx)("span",{className:" text-base text-grey-text uppercase ",children:null==e?void 0:e.role})]})]}):(0,r.jsxs)("div",{className:"flex flex-col justify-start items-start gap-6 sm:gap-5 mb-4 sm:mb-3",children:[(0,r.jsx)("div",{className:"".concat("plain"===n?"":"scale-[0.9] sm:scale-[0.8]"),children:c}),(0,r.jsx)("h2",{className:"basier-medium ".concat(f),children:g(u)})]}),(0,r.jsxs)("p",{className:"font-light leading-loose ".concat("works"===n?"bani-base w-[75%] md:w-full pb-4 sm:pb-0 text-grey-text":"user"===n?"text-lg md:text-xl w-[75%] md:w-full pb-4 sm:pb-0 !text-black mt-8":"text-base md:text-[17px] md:w-[95%] text-grey-text  md:mb-10"," ").concat(i),children:["user"===n&&(0,r.jsx)("span",{className:"text-blue text-[40px] leading-[18px]",children:"”"}),p,"user"===n&&(0,r.jsx)("span",{className:"text-blue text-[40px] !leading-[18px]",children:"”"})]}),h&&(0,r.jsx)(d(),{src:h,className:"w-[100%] mt-10 md:mt-auto"}),(null==e?void 0:e.href)&&(0,r.jsxs)(m(),{href:null==e?void 0:e.href,className:"flex justify-start items-center gap-x-2 text-black-light hover:text-blue mt-auto pt-2",children:[(0,r.jsx)("span",{className:"basier-medium bani-base-alt",children:"Learn More"}),(0,r.jsx)(o,{})]})]})};h.propTypes={details:l().object.isRequired,type:l().string.isRequired,style:l().string};var x=h},9692:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return p}});var s,r,a=n(5893),i=n(7294),l=n(3084);function c(){return(c=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(this,arguments)}function o(){return(o=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(t[s]=n[s])}return t}).apply(this,arguments)}n(3685),n(4102);let u=[{title:"Easy API Integration",body:"Your customers can conveniently buy airtime and settle bills while you enjoy cutting-edge API that allows you easily integrate utility bill payment functionality into existing apps.",icon:(0,a.jsx)(function(t){return i.createElement("svg",c({width:60,height:60,fill:"none",xmlns:"http://www.w3.org/2000/svg"}

1,t),s||(s=i.createElement("path",{d:"M35.625 15.217c0-.888.465-1.69 1.003-2.397.552-.725.872-1.585.872-2.508 0-2.588-2.518-4.687-5.625-4.687s-5.625 2.099-5.625 4.688c0 .922.32 1.782.872 2.507.538.707 1.003 1.51 1.003 2.397v.12c0 .837-.686 1.514-1.523 1.49-3.55-.099-7.061-.351-10.527-.752.472 4.083.738 8.228.79 12.425.01.828-.662 1.5-1.49 1.5h-.158c-.888 0-1.69-.465-2.397-1.003-.725-.552-1.585-.872-2.508-.872-2.588 0-4.687 2.518-4.687 5.625s2.099 5.625 4.688 5.625c.922 0 1.782-.32 2.507-.872.707-.538 1.51-1.003 2.397-1.003v0c.773 0 1.387.652 1.33 1.423a120.12 120.12 0 0 1-1.605 12.641c3.833.48 7.723.78 11.66.889a1.486 1.486 0 0 0 1.523-1.49v-.12c0-.888-.465-1.691-1.003-2.397-.552-.726-.872-1.586-.872-2.508 0-2.59 2.519-4.688 5.625-4.688 3.107 0 5.625 2.099 5.625 4.688 0 .922-.32 1.782-.872 2.508-.538.706-1.003 1.509-1.003 2.397v0c0 .832.695 1.496 1.526 1.447 4.597-.27 9.124-.799 13.568-1.572.674-3.87 1.162-7.805 1.455-11.793a1.33 1.33 0 0 0-1.331-1.425v0c-.888 0-1.69.465-2.397 1.003-.725.552-1.586.872-2.508.872-2.589 0-4.688-2.518-4.688-5.625s2.099-5.625 4.688-5.625c.922 0 1.782.32 2.508.872.706.538 1.509 1.003 2.397 1.003H51c.828 0 1.5-.672 1.49-1.5-.056-4.586-.369-9.11-.926-13.558a120.19 120.19 0 0 1-14.414 1.723 1.445 1.445 0 0 1-1.526-1.448v0Z",stroke:"#0F172A",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})))},{className:"stroke-current"})},{title:"Commission on every transaction",body:"You get to earn a commission on every airtime or data plan bought or bills your customers pay upon integration, boosting your revenue.",icon:(0,a.jsx)(function(t){return i.createElement("svg",o({width:60,height:60,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t),r||(r=i.createElement("path",{d:"M15 27.5v10m30-15v10M42.5 10c6.122 0 9.433.937 11.08 1.664.22.096.33.145.646.447.19.181.536.712.625.96.149.41.149.636.149 1.086v26.87c0 2.273 0 3.409-.34 3.993-.347.594-.681.87-1.33 1.098-.638.224-1.925-.023-4.5-.518-1.801-.346-3.939-.6-6.33-.6-7.5 0-15 5-25 5-6.122 0-9.433-.937-11.08-1.664-.22-.096-.33-.145-.646-.447-.19-.181-.536-.713-.625-.96C5 46.52 5 46.294 5 45.844v-26.87c0-2.273 0-3.409.34-3.993.347-.594.681-.87 1.33-1.098.638-.224 1.925.023 4.5.518 1.802.346 3.939.6 6.33.6 7.5 0 15-5 25-5Zm-6.25 20a6.25 6.25 0 1 1-12.5 0 6.25 6.25 0 0 1 12.5 0Z",stroke:"#000",strokeWidth:4,strokeLinecap:"round",strokeLinejoin:"round"})))},{className:"stroke-current"})}],m=()=>(0,a.jsxs)("div",{className:"flex flex-col justify-between items-center w-full h-fit gap-y-12 mt-10 mb-[150px]",children:[(0,a.jsx)("p",{className:"text-grey-text font-light bani-title mb-2 md:mb-5 text-left md:w-[80%]",children:"Enjoy a robust but seamless utility bills payment infrastru

1cture for businesses like yours, thereby helping you to position your company as a one-stop solution for all customers’ utility payment needs"}),(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-8 justify-between items-start w-full",children:u.map(t=>(0,a.jsx)(l.Z,{details:t},t.title))})]});var p=m}},function(t){t.O(0,[210,5675,9774,2888,179],function(){return t(t.s=6428)}),_N_E=t.O()}]);