https://www.phonepe.com/webstatic/14967/58802148e124e34c129dada8811a966cf6eb0a37-3c633cc14508d2cde9f6.js

1"use strict";(self.webpackChunkphonepe_website=self.webpackChunkphonepe_website||[]).push([[5067],{59455:function(e,t,a){a.d(t,{A:function(){return N}});var n=a(96540),r=a(32485),i=a.n(r),l=a(98192),c=a(28007),s=a(35290),o=a(5575),u=a(79072),m=a(97333),d=a(34336);const p=[{text:"Solutions",url:"#solutions"},{text:"Pricing",url:"#pricing"},{text:"FAQs",url:"#faqs"}],g="Payment Gateway";var N=e=>{let{location:t,currentSection:a,subHeaderRef:r,subNavClickHandler:N,pluginId:E}=e;const w=o.hv[E],{0:M,1:y}=(0,n.useState)(!1),{0:f,1:v}=(0,n.useState)({url:"",text:g}),h=(0,d.A)(),{showSignUpCTAInSecondaryHeader:I,signUpCTAUrl:b}=(0,m.Ay)({location:t,redirectHostUrl:l.oK});(0,n.useEffect)(()=>{const e=t.hash,a=p.find(t=>t.url===e);v(a||{url:"",text:g})},[t]),(0,n.useEffect)(()=>{if(!window)return;if(!a)return v({url:"",text:g}),void window.history.replaceState(null,null,window.location.pathname);const e="#"+a,t=p.find(t=>t.url===e);v(t||{url:"",text:g}),t?window.history.replaceState(null,null,t.url):window.history.replaceState(null,null,window.location.pathname)},[a,typeof window]);const D=(0,n.useCallback)(()=>{(0,s.VR)(w.trackingId,"PG_NAVBAR")},[]);return n.createElement("div",{className:"shopify-pg-header "+(M?"open":"collapse"),ref:r},n.createElement("div",{className:"overlay",onClick:()=>y(!1)}),n.createElement("div",{className:"heading",onClick:()=>y(!M)},f.text,n.createElement("img",{className:"toggle",src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjAzOTA2IDIuMDAzOTFMNi42NzQyNyA2LjQ3ODhMMTEuMDc1NyAxLjk2MjU1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==",alt:"Down Arrow"})),h&&I&&n.createElement(u.A,{pagePath:b,btnArrowFlag:!1,btnText:o.yh,btnStyle:"signUpBtnWhiteStyleMobile"}),n.createElement("div",{className:"header-content",onClick:()=>y(!1)},n.createElement(c.Link,{to:l.mp,onClick:D},n.createElement("div",{className:"shopify-pg-link "+(""===f.url?"active":"")},g)),n.createElement("ul",{className:i()("shopify-nav-bar",{[!I]:"shopify-nav-bar-right-gap"})},p.map((e,t)=>n.createElement("a",{className:"nav-link "+(f.url===e.url?"active":""),key:""+(t+1),href:e.url,onClick:N(e.url)},e.text))),!h&&I&&n.createElement(u.A,{pagePath:b,btnArrowFlag:!1,btnText:o.yh,btnStyle:"signUpBtnWhiteStyle"})))}},65913:function(e,t,a){var n=a(96540),r=a(60647),i=a(35290),l=a(63341),c=a(59455);t.A=e=>{const{pageSectionList:t,pluginId:a}=e,{0:s,1:o}=(0,n.useState)(null),u=(0,n.useRef)([]),m=(0,n.useRef)(null),d=(0,n.useRef)(null);(0,n.useEffect)(()=>{window&&(m.current=document.querySelector(".header-container"))},[typeof window,m]),(0,n.useEffect)(()=>{if(!window)return;const e=sessionStorage.getItem("utm_source");e&&(0,i.sN)(r.Ay.utm_source,e)},[]),(0,n.useEffect)(()=>{if(!window||window.innerWidth<=600)return;const e=m.current,t=e.style.transition;return e.style.transition="all 0.2s ease",setTimeout(()=>{const{scrollY:t}=window,a=-Math.min(t/3,76);e.style.transform="translateY("+a+"px)",d.current&&(d.current.style.transform="translateY("+a+"px)")}),()=>{e.style.transition=t}},[typeof window,m,d]);const p=(0,n.useCallback)(()=>{if(!window)return;const e=window.scrollY+(window.innerWidth<=600?2:20),a=u.current;if(null==a||!a.length)return;let n="";for(let i=0;i<t.length-1;i++)a[i].offsetTop<=e&&(n=t[i].id);if(window.innerWidth<=600)return void o(n);if(!m.current||!d.current)return;const r=-Math.min(window.scrollY/3,76);m.current.style.transform="translateY("+r+"px)",d.current.style.transform="translateY("+r+"px)",o(n)},[typeof window,u,t,m,d,o]);return(0,n.useEffect)(()=>{if(window)return window.addEventListener("scroll",p),()=>{window.removeEventListener("scroll",p)}},[typeof window]),n.createElement("div",null,n.createElement(c.A,{location:e.location,currentSection:s,subHeaderRef:d,subNavClickHandler:l.A,pluginId:a}),t.map((e,t)=>{let{id:a,Component:r}=e;return n.createElement("div",{key:t,ref:e=>u.current[t]=e,className:"pg-plugin-landing-section"},a&&n.createElement("span",{id:a,className:"pg-plugin-section-offset"}

1," "),n.createElement(r,null))}))}},65326:function(e,t,a){a.d(t,{_s:function(){return b},be:function(){return T},IK:function(){return v},tQ:function(){return p},KE:function(){return m},is:function(){return w},cF:function(){return f}});a(59455);var n=a(96540),r=a(64333),i=a(28007),l=a(79072),c=a(35290),s=a.p+"static/hero-banner-video-fallback-c0db21114d533313e8647b0bc1077f88.png",o=a(5575),u=a(99147);var m=e=>{let{pluginId:t}=e;const a=o.hv[t],m=(0,i.useStaticQuery)("2433438047"),p=(0,n.useRef)(null);(0,n.useEffect)(()=>{p.current.play()});const g=(0,n.useCallback)(e=>()=>{(0,c.VR)(a.trackingId,e)},[]);return n.createElement("div",{className:"hero-wrapper",style:{backgroundColor:a.backgroundColor}},n.createElement("div",{className:"hero-wrapper__container"},n.createElement("div",{className:"hero-wrapper__container__left"},n.createElement("h1",null,"India’s Most Trusted Payments Solution for your "+a.title+"\n                        Store"),n.createElement("p",{className:"hero-wrapper__container__left__subtitle"},a.description),n.createElement("div",{className:"benefits-section"},n.createElement(d,{text:"Zero Fee"}),n.createElement(d,{text:"Industry-best Success Rates"}),n.createElement(d,{text:"No-code Setup"})),n.createElement("div",{className:"pg-plugin-cta-btn-wrapper"},n.createElement(l.A,{btnText:"GET STARTED FOR FREE",pagePath:(0,u.h8)(t),btnStyle:"pg-plugin-cta-btn",onClick:g("top-section")})),n.createElement("div",{className:"image-wrapper"},n.createElement(r.A,{fluid:(e=>{switch(e){case"shopify":default:return m.shopifyPG.childImageSharp.fluid;case"wooCommerce":return m.wooCommercePG.childImageSharp.fluid;case"openCart":return m.openCartPG.childImageSharp.fluid}})(t),alt:"PhonePe PG on "+a.title,imgStyle:{height:"100%",width:"100%",objectFit:"cover"}}))),n.createElement("div",{className:"hero-wrapper__container__right"},n.createElement("div",{className:"hero-image-wrapper"},n.createElement("video",{autoPlay:!0,loop:!0,muted:!0,ref:p,disableRemotePlayback:!0,playsInline:!0,poster:s},n.createElement("source",{src:(e=>{switch(e){case"shopify":return(0,i.withAssetPrefix)("/videos/pg-plugin/hero-banner/Shopify.mp4");case"wooCommerce":return(0,i.withAssetPrefix)("/videos/pg-plugin/hero-banner/WooCommerce.mp4");case"openCart":return(0,i.withAssetPrefix)("/videos/pg-plugin/hero-banner/OpenCart.mp4");default:return""}})(t)}))))))};const d=e=>{let{text:t}=e;return n.createElement("div",{className:"benefit-wrapper"},n.createElement("div",{className:"benefit-wrapper__icon"},n.createElement("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODU0NTIgMC4yNzUxNDZDMy45ODQ1NCAwLjI3NTE0NiAwIDQuMjU5NjggMCA5LjEyOTY3QzAgMTMuOTk5NyAzLjk4NDU0IDE3Ljk4NDIgOC44NTQ1MiAxNy45ODQyQzEzLjcyNDUgMTcuOTg0MiAxNy43MDkgMTMuOTk5NyAxNy43MDkgOS4xMjk2N0MxNy43MDkgNC4yNTk2OCAxMy43MjQ1IDAuMjc1MTQ2IDguODU0NTIgMC4yNzUxNDZaTTcuMDgzNjIgMTMuNTU2OUwyLjY1NjM2IDkuMTI5NjdMMy45MDQ4NCA3Ljg4MTE4TDcuMDgzNjIgMTEuMDUxMUwxMy44MDQyIDQuMzMwNTJMMTUuMDUyNyA1LjU4Nzg2TDcuMDgzNjIgMTMuNTU2OVoiIGZpbGw9IiM1RjNCOTYiLz4KPC9zdmc+Cg==",alt:"PhonePe Logo"})),n.createElement("div",{className:"benefit-wrapper__content"},n.createElement("p",null,t)))};var p=()=>{const{0:e,1:t}=(0,n.useState)(null);return n.createElement("div",{className:"features-section-wrapper"},n.createElement("div",{className:"features-section-wrapper__container"},n.createElement("h2",{className:"features-heading"},"Comprehensive Solutions to keep your business ahead of the rest"),n.createElement("div",{className:"features-card-section"},o.Ch.map((a,r)=>{let{title:i,subTitle:l,fullText:c,featureIcon:s,specialText:o,primaryColor:u}=a;return n.createElement(g,{key:""+(r+1),featureKey:r,title:i,subTitle:l,fullText:c,primaryColor:u,specialTag:o,image:s,isActive:r===e,setActiveFeature:t})}))))};const g=e=>{let{featureKey:t,image:a,title:r,subTitle:i,fullText:l,primaryColor:c,specialTag:s,isActive:o,setActiveFeature:u}=e;return n.createElement("div",{className:"feature-card-container "+(o?"active":""),style:{border:"3px solid "+c},onMouseEnter:()=>{!window||window.innerWidth<=768||u(t)},onMouseLeave:()=>{!window||window.innerWidth<=768||u(null)}},n.createElement("div",{className:"feature-card-container__content"},n.createElement("div",{className:"image-container",style:{backgroundColor:c,boxShadow:o?"0.5px 6px 23px -0.5px "+c:"1px 10px 40px -1px "+c}},n.createElement("img",{className:"image-icon",src:a,alt:"image"})),n.createElement("div",{className:"heading-section"},n.createElement("p",null,r),s&&n.createElement("div",{className:"exclusive-section",style:{backgroundColor:c}},n.createElement("p",null,s))),n.createElement("p",{className:"subtitle"},i),n.createElement("p",{className:"full-text-mobile"},l),n.createElement("p",{className:"full-text"},l)))};var N=a.p+"static/existing-user-video-fallback-976fbdc595a84a556845c08637edfd41.png",E=a.p+"static/new-user-video-fallback-4c206d0ca6cdace196686357238fdd8c.png";var w=e=>{let{pluginId:t}=e;const{0:a,1:r}

1=(0,n.useState)("NEW_USER"),l=o.hv[t],c=(0,n.useRef)(null);return(0,n.useEffect)(()=>{c.current.play()},[a]),n.createElement("div",{className:"integration-section-wrapper"},n.createElement("div",{className:"integration-section-wrapper__container"},n.createElement("h2",{className:"integration-heading"},"Integrating PhonePe Payment Gateway with "+l.title),n.createElement("p",{className:"integration-sub-title"},"A Step-by-Step Guide"),n.createElement("div",{className:"integration-section-wrapper__container__section"},n.createElement("div",{className:"integration-section-wrapper__container__section__left"},n.createElement("div",{className:"video-container"},n.createElement("div",{className:"EXISTING_USER"===a?"hide-video":""},n.createElement("video",{autoPlay:!0,loop:!0,muted:!0,ref:c,disableRemotePlayback:!0,playsInline:!0,key:"new-user.mp4",poster:E},n.createElement("source",{src:(0,i.withAssetPrefix)("/videos/pg-plugin/user-guide/"+l.new_user_video)}))),n.createElement("div",{className:"NEW_USER"===a?"hide-video":""},n.createElement("video",{autoPlay:!0,loop:!0,muted:!0,ref:c,disableRemotePlayback:!0,playsInline:!0,key:"existing-user.mp4",poster:N},n.createElement("source",{src:(0,i.withAssetPrefix)("/videos/pg-plugin/user-guide/"+l.existing_user_video)}))))),n.createElement("div",{className:"integration-section-wrapper__container__section__right"},n.createElement("div",{className:"user-type-cta"},n.createElement("div",{className:"cta "+("NEW_USER"===a?"active":"in-active"),onClick:()=>{r("NEW_USER")}},n.createElement("p",null,"New User")),n.createElement("div",{className:"cta "+("EXISTING_USER"===a?"active":"in-active"),onClick:()=>{r("EXISTING_USER")}},n.createElement("p",null,"Existing User"))),l.integrationSteps["NEW_USER"===a?"NEW_USER":"EXISTING_USER"].map((e,t)=>{let{title:a,subTitle:r}=e;return n.createElement(M,{key:""+(t+1),title:a,subTitle:r})})))))};const M=e=>{let{title:t,subTitle:a}=e;return n.createElement("div",{className:"step-section-container"},n.createElement("p",{className:"step-section-container__title"},t),n.createElement("p",{className:"step-section-container__sub-title"},a))};var y=a(76984);var f=e=>{let{pluginId:t}=e;const a=o.hv[t];return n.createElement("div",{className:"pg-price-contianer"},n.createElement("div",{className:"pg-price-section"},n.createElement("div",{className:"title-container"},n.createElement("h2",{className:"heading"},"Simple & Transparent Pricing")),n.createElement(y.A,{path:(0,u.h8)(t),trackingPage:a.trackingId})))};var v=e=>{let{pluginId:t}=e;const{0:a,1:r}

1=(0,n.useState)(!1),i=o.hv[t];return n.createElement("div",{className:"faq-section-wrapper"},n.createElement("div",{className:"faq-section-wrapper__container"},n.createElement("h2",{className:"heading"},"Frequently Asked Questions"),n.createElement("div",{className:"faqs-container"},(a?i.faqData:i.faqData.slice(0,5)).map((e,t)=>{let{question:a,answer:r}=e;return n.createElement(h,{key:""+(t+1),title:a},n.createElement("p",{className:"faq-answer"},r))})),!a&&n.createElement("div",{className:"more-question-section",onClick:()=>{r(!0)}},n.createElement("p",null,"More questions"))))};const h=e=>{let{title:t,children:a}=e;const{0:r,1:i}=(0,n.useState)(""),{0:l,1:c}=(0,n.useState)("0px"),{0:s,1:o}=(0,n.useState)("faq-accordion__icon"),u=(0,n.useRef)(null);return n.createElement("div",{className:"faq-accordion__section "+r,onClick:()=>{i(""===r?"active":""),c("active"===r?"0px":u.current.scrollHeight+"px"),o("active"===r?"faq-accordion__icon":"faq-accordion__icon faq-accordion-icon-rotate")}},n.createElement("div",{className:"faq-accordion "+r},n.createElement("h3",{className:"faq-accordion__title"},t),n.createElement("img",{className:""+s,src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDQ0QzM0LjE1MDMgNDQgNDQgMzQuMTUwMyA0NCAyMkM0NCA5Ljg0OTc0IDM0LjE1MDMgMi45ODU1MWUtMDYgMjIgMS45MjMzZS0wNkM5Ljg0OTczIDguNjEwOTFlLTA3IC04LjYxMDkxZS0wNyA5Ljg0OTczIC0xLjkyMzNlLTA2IDIyQy0yLjk4NTUxZS0wNiAzNC4xNTAzIDkuODQ5NzMgNDQgMjIgNDRaIiBmaWxsPSIjRjVGMUZGIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuMjU4NCAxMC4zNzY3TDMwLjQ3OTkgMjEuNTk4MkwxOS4yNTgzIDMyLjgxODhMMTYuNDgwNSAzMC4wNDA4TDI0LjkyMzkgMjEuNTk4MUwxNi40ODA1IDEzLjE1NDZMMTkuMjU4NCAxMC4zNzY3WiIgZmlsbD0iIzQ5MjE4NyIvPgo8L3N2Zz4K",alt:"arrow icon"})),n.createElement("div",{ref:u,style:{maxHeight:""+l},className:"faq-accordion__content"},a))};var I=a(60647);var b=e=>{let{pluginId:t}=e;const a=o.hv[t],r=(0,n.useCallback)(()=>{(0,c.VR)(a.trackingId,I.Ay.Bottom+"_"+I.Ay.Get_Started)},[]);return n.createElement("div",{className:"bottom-banner-wrapper"},n.createElement("div",{className:"bottom-banner-wrapper__container"},n.createElement("div",{className:"bottom-banner-wrapper__container__left"},n.createElement("p",{className:"heading"},"Ready to boost your online store?"),n.createElement("p",{className:"sub-heading"},"Sign up for PhonePe Payment Gateway now and start"," ",n.createElement("br",{className:"hide-on-mobile"}),"accepting payments instantly."),n.createElement("div",{className:"features"},n.createElement(D,{text:"Easy Onboarding"}),n.createElement(D,{text:"No-code Setup"}),n.createElement(D,{text:"Robust Support"}))),n.createElement("div",{className:"bottom-banner-wrapper__container__right"},n.createElement("div",{className:"cta-button-div"},n.createElement(i.Link,{to:(0,u.h8)(t),onClick:r},n.createElement("div",{className:"cta-button"},n.createElement("p",null,"GET STARTED FOR FREE")))))))};const D=e=>{let{text:t}=e;return n.createElement("div",{className:"feature-wrapper"},n.createElement("div",{className:"feature-wrapper__icon"},n.createElement("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguODU0NTIgMC4yMTk3MjdDMy45ODQ1NCAwLjIxOTcyNyAwIDQuMjA0MjYgMCA5LjA3NDI1QzAgMTMuOTQ0MiAzLjk4NDU0IDE3LjkyODggOC44NTQ1MiAxNy45Mjg4QzEzLjcyNDUgMTcuOTI4OCAxNy43MDkgMTMuOTQ0MiAxNy43MDkgOS4wNzQyNUMxNy43MDkgNC4yMDQyNiAxMy43MjQ1IDAuMjE5NzI3IDguODU0NTIgMC4yMTk3MjdaTTcuMDgzNjIgMTMuNTAxNUwyLjY1NjM2IDkuMDc0MjVMMy45MDQ4NCA3LjgyNTc2TDcuMDgzNjIgMTAuOTk1N0wxMy44MDQyIDQuMjc1MUwxNS4wNTI3IDUuNTMyNDRMNy4wODM2MiAxMy41MDE1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==",alt:"PhonePe Logo"})),n.createElement("div",{className:"feature-wrapper__content"},n.createElement("p",null,t)))};var T=e=>{let{pluginId:t}=e;const a=o.hv[t];return n.createElement("div",{className:"pg-plugin-extended-footer-wrapper"},n.createElement("div",{className:"pg-plugin-extended-footer"}

1,n.createElement("div",{className:"pg-plugin-extended-footer__container"},a.extendedSeoData.map(e=>{let{id:t,title:a,subTitle:r}=e;return n.createElement("div",{className:"pg-plugin-extended-footer__container__item",key:t},n.createElement("p",{className:"title"},a),n.createElement("p",{className:"sub-title"},r))}))))}},63341:function(e,t,a){function n(e,t,a){return n=>r=>{if(!window)return;window.innerWidth>600&&(r.stopPropagation(),r.preventDefault());const i=window.innerWidth>600?"smooth":"auto";if("#pg"===n)return window.history.replaceState(null,null,window.location.pathname),window.scrollTo({top:0,behavior:i}),window.innerWidth>600&&(e.current.style.transform="translateY(0px)",t.current.style.transform="translateY(0px)"),void a("");window.innerWidth>600&&(e.current.style.transform="translateY(-76px)",t.current.style.transform="translateY(-76px)"),document.querySelector(n).scrollIntoView({behavior:i}),window.history.replaceState(null,null,n),a(n.replace("#",""))}}a.d(t,{A:function(){return n}})}}]);