1"use strict";(self.webpackChunkupkeep_marketing_site=self.webpackChunkupkeep_marketing_site||[]).push([[5014],{85014:function(e,n,a){a.r(n),a.d(n,{default:function(){return k}});var i=a(67294),l=a(27951),o=a(14160),t=a(62390);const d=l.default.section.withConfig({displayName:"FeaturesPanel__FeaturesPanels",componentId:"sc-bzg73d-0"})(["",";"],(e=>t.z7[e.background])),r=l.default.div.withConfig({displayName:"FeaturesPanel__FeaturePanelsWrapper",componentId:"sc-bzg73d-1"})(["padding:50px 0 100px;position:relative;width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;@media (min-width:576px){max-width:540px;}@media (min-width:768px){max-width:720px;}@media (min-width:992px){max-width:960px;}@media (min-width:1200px){max-width:1140px;}@media (min-width:1400px){max-width:1320px;}@media (max-width:568px){padding:100px 0 30px;}"]),c=l.default.div.withConfig({displayName:"FeaturesPanel__StyledRow",componentId:"sc-bzg73d-2"})(["display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;&px-2.{padding-left:0.5rem;padding-right:0.5rem;}"]),p=l.default.div.withConfig({displayName:"FeaturesPanel__BannerContent",componentId:"sc-bzg73d-3"})(["display:flex;flex:1 0 0%;max-width:767px;margin:0 auto;margin-bottom:4rem;"]),u=l.default.h5.withConfig({displayName:"FeaturesPanel__HeadingKicker",componentId:"sc-bzg73d-4"})(["",";"],(e=>t.H5[e.color])),g=l.default.h2.withConfig({displayName:"FeaturesPanel__Heading",componentId:"sc-bzg73d-5"})(["max-width:770px;margin:0 auto 24px;text-align:center;color:#0b1a2b;"]),m=l.default.div.withConfig({displayName:"FeaturesPanel__Subhead",componentId:"sc-bzg73d-6"})(["margin:18px 0 40px 0;max-width:100%;width:770px;margin:0 auto;p{margin:0;text-align:center;color:#707481;}"]),s=(0,l.default)(o.Link).withConfig({displayName:"FeaturesPanel__CallToAction",componentId:"sc-bzg73d-7"})(["margin:0 auto;"]),f=l.default.div.withConfig({displayName:"FeaturesPanel__FeatureContent",componentId:"sc-bzg73d-8"})(["width:100%;height:100%;padding-top:72px;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;align-items:center;@media (max-width:991px){padding-top:18px;}"]),b=(0,l.default)(o.Link).withConfig({displayName:"FeaturesPanel__FeatureCallToAction",componentId:"sc-bzg73d-9"})(["margin:2rem 0rem;"]),x=l.default.div.withConfig({displayName:"FeaturesPanel__FeatureImage",componentId:"sc-bzg73d-10"})(["max-width:850px;max-height:700px;img{width:100%;object-fit:cover;}"]),h=l.default.div.withConfig({displayName:"FeaturesPanel__FeatureContentWrapper",componentId:"sc-bzg73d-11"})(["display:flex;flex:1 0 0%;background:rgba(230,242,255,0.5);width:100%;height:550px;overflow:hidden;"]),I=l.default.div.withConfig({displayName:"FeaturesPanel__FeaturesToggles",componentId:"sc-bzg73d-12"})(["display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;@media (max-width:991px){margin-bottom:1rem;padding:0rem 2rem;}"]),F=l.default.div.withConfig({displayName:"FeaturesPanel__Features",componentId:"sc-bzg73d-13"})(["display:flex;flex:1 0 0%;position:relative;cursor:pointer;margin-bottom:1rem;@media (max-width:450px){margin-bottom:3rem;}"]),w=l.default.div.withConfig({displayName:"FeaturesPanel__FeatureCallOut",componentId:"sc-bzg73d-14"})(["position:absolute;z-index:100;height:0px;width:100%;top:80px;left:0;right:0;bottom:0;border-top:6px solid #007bff;box-shadow:0px 20px 40px rgba(0,123,255,1);@media (max-width:991px){border-top:3px solid #007bff;top:70px;}@media (max-width:450px){top:120px;}"]),v=l.default.h4.withConfig({displayName:"FeaturesPanel__FeatureHeading",componentId:"sc-bzg73d-15"})(["font-size:18px;line-height:24px;text-align:center;color:#33394b;margin-bottom:18px;"]),y=l.default.h5.withConfig({displayName:"FeaturesPanel__FeatureHeadingKicker",componentId:"sc-bzg73d-16"})(["font-size:14px;line-height:21px;text-align:center;color:#707481;"]);var k=e=>{var n,a,l,o,t,k,C,N,z,P,Z,j,_,G,M,A,B;const{0:T,1:D}=(0,i.useState)(0);return i.createElement(d,{background:null==e||null===(n=e.component)||void 0===n?void 0:n.backgroundColor},i.createElement(r,null,i.createElement(c,{className:"px-2"},i.createElement(p,{sm:12,md:8},null!=e&&null!==(a=e.component)&&void 0!==a&&a.headingKicker?i.createElement(u,{color:null==e||null===(l=e.component)||void 0===l?void 0:l.headingKickerColor,className:"text-center"},null==e||null===(o=e.component)||void 0===o?void 0:o.headingKicker):null,null!=e&&null!==(t=e.component)&&void 0!==t&&t.heading?i.createElement(g,{className:"keep-center"},null==e||null===(k=e.component)||void 0===k?void 0:k.heading):null,null!=e&&null!==(C=e.component)&&void 0!==C&&C.subhead?i.createElement(m,{dangerouslySetInnerHTML:{__html:null==e||null===(N=e.component)||void 0===N?void 0:N.subhead}}):null,i.createElement(c,null,null!=e&&null!==(z=e.component)&&void 0!==z&&z.callToAction?i.createElement(s,{to:((null==e||null===(P=e.component)||void 0===P||null===(Z=P.callToAction)||void 0===Z?void 0:Z.url)||"").replace("https://www.onupkeep.com",""),className:"btn btn-primary px-4 mt-4"},null==e||null===(j=e.component)||void 0===j||null===(_=j.callToAction)||void 0===_?void 0:_.label):null))),i.createElement(I,null,null==e||null===(G=e.component)||void 0===G||null===(M=G.features)||void 0===M?void 0:M.map(((e,n)=>i.createElement(F,{xs:6,sm:6,md:6,lg:3,key:n,onClick:()=>(e=>{D(e)})(n)},T===n&&i.createElement(w,null),i.createElement(v,null,null==e?void 0:e.heading),i.createElement(y,{className:"mb-0"},null==e?void 0:e.headingKicker))))),i.createElement(c,null,i.createElement(h,null,null==e||null===(A=e.component)||void 0===A||null===(B=A.features)||void 0===B?void 0:B.map(((e,n)=>{var a,l,o,t,d,r;return T===n?i.createElement(f,{key:n},i.createElement(m,{dangerouslySetInnerHTML:{__html:null==e?void 0:e.subhead}}),i.createElement(b,{to:null==e||null===(a=e.callToAction)||void 0===a?void 0:a.url},null==e||null===(l=e.callToAction)||void 0===l?void 0:l.label),i.createElement(x,null,i.createElement("img",{src:null==e||null===(o=e.featureImage)||void 0===o||null===(t=o.image)||void 0===t?void 0:t.url,alt:null==e||null===(d=e.featureImage)||void 0===d||null===(r=d.image)||void 0===r?void 0:r.url}))):null}))))))}},62390:function(e,n,a){a.d(n,{g_:function(){return u},Gd:function(){return p},z7:function(){return r},H5:function(){return d},Ax:function(){return t},zP:function(){return c}});var i=a(12980),l=a.p+"static/blue-linear-bg-e50137affba0af254559e85d8ffb8493.png",o=a(41336);const t={Purple:"\n .fa-primary, .fa-secondary {\n fill: #4945FB;\n }\n background: rgba(73, 69, 251, 0.25);\n ","Dark Purple":"\n .fa-primary, .fa-secondary {\n fill: #ffffff;\n }\n .svg-inline--fa .fa-secondary {\n opacity: .5;\n }\n background: #4945FB;\n ",Blue:"\n .fa-primary, .fa-secondary {\n fill: #007BFF;\n }\n background: rgba(0, 123, 255, 0.25);\n ","Dark Blue":"\n .fa-primary, .fa-secondary {\n fill: #ffffff;\n }\n .svg-inline--fa .fa-secondary {\n opacity: .5;\n }\n background: #006DE6;\n ",Yellow:"\n .fa-primary, .fa-secondary {\n fill: #F5C953;\n }\n background: rgba(245, 201, 83, 0.25);\n ",Green:"\n .fa-primary, .fa-secondary {\n fill: #37C06B;\n }\n background: rgba(108, 199, 142, 0.25);\n ","Dark Green":"\n .fa-primary, .fa-secondary {\n fill: #ffffff;\n }\n .svg-inline--fa .fa-secondary {\n opacity: .5;\n }\n background: #2C9A56;\n ",Pink:"\n .fa-primary, .fa-secondary {\n fill: #F695CE;\n }\n background: rgba(246, 149, 206, 0.25);\n ",Teal:"\n .fa-primary, .fa-secondary {\n fill: #72CAD8;\n }\n background: rgba(114, 202, 216, 0.25);\n "},d={Light:`color: ${o.$.common.white};`,Dark:"color: #33394B;",Green:"color: #47B972;",Blue:`color: ${o.$.blue[700]};`,Yellow:"color: #EFC75E;",Red:`color: ${o.$.primary[700]};`,Purple:"color: #4945FB;",Pink:"color: #F695CE;",Teal:"color: #72CAD8;","Light Blue":"color: #CCE5FF;"},r={"Light Blue":"background: #fff;",White:"background:#FFFFFF;",Dark:"background: #0B1A2B;",Neutral:"background: #F6F9FA;","White Blue Gradient":`\n background-image: url(${i.Z});\n background-color: #FFFFFF;\n background-repeat: no-repeat;\n background-position: 0 0, 100% 100%;\n background-size: cover;\n `,"Blue Linear":`\n background-image: url(${l});\n background-color: #FFFFFF;\n background-repeat: no-repeat;\n background-position: 0 0, 100% 100%;\n background-size: cover;\n @media (max-width: 768px) {\n background-position: bottom;
1\n background-size: 768px 750px;\n }\n @media (max-width: 576px) {\n background-position: bottom;\n background-size: 768px 650px;\n }\n `},c={Light:"color: #FFFFFF;",Dark:"color: #33394B;",Blue:"color: #007BFF;",Green:"color: #47B972",Gray:"color: #707481;",Red:"color: #DE1824"},p={Light:"border-top: 2px solid #3395ff;\n border-right: 2px solid #3395ff;",Dark:"border-top: 2px solid #FFFFFF;\n border-right: 2px solid #FFFFFF;",Red:"border-top: 2px solid #fa4947;\n border-right: 2px solid #fa4947;"},u={Light:"border-bottom: 2px solid #3395ff;",Dark:"border-bottom: 2px solid #FFFFFF;",Red:"border-bottom: 2px solid #fa4947;"}},12980:function(e,n){n.Z="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcwMCIgaGVpZ2h0PSI3NDYiIHZpZXdCb3g9IjAgMCAxNzAwIDc0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxyZWN0IHdpZHRoPSIxNzAwIiBoZWlnaHQ9Ijc0NiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgNTMzTDUuMzUxNjNlLTA1IC0yLjY3MjMzZS0wNUwxNzAyIDAuMDAwMzA1MTc2TDE3MDIgMTUzLjY0MUwwIDUzM1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPHJlY3QgeD0iMTUwOCIgeT0iMjkyIiB3aWR0aD0iMTkyIiBoZWlnaHQ9IjQwOCIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIxMTA4LjUiIHkxPSIxNzguNzg0IiB4Mj0iMjg1LjQ0NyIgeTI9IjQxNy4zMTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0YwRjZGRiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGMEY2RkYiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSIxNzAwIiB5MT0iNDI4LjUiIHgyPSIxNTA4IiB5Mj0iNDI4LjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjExOTc5MiIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjQ0MjcwOCIgc3RvcC1jb2xvcj0id2hpdGUiIHN0b3Atb3BhY2l0eT0iMC44MTA2NTEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTcwMCIgaGVpZ2h0PSI3NDYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg=="}}]); 2//# sourceMappingURL=5014-15665a1b6135770ddae9.js.map
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.